lightbox script

[spedxs]

Hallo

bij het integreren van lightbox2 op mijn site kom ik het volgende tegen:

ik heb een template gemaakt en daarin de volgende scripts gedaan:

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>

in principe werkte alles goed, maar kreeg ik het "closeX" button aan de onderkant van de foto niet in beeld.
Er blijkt dat ik de positie van de "js" map in de site anders moest aangeven,
nl door ../ voor het js/prototype, js/scriptaculous en js/lightbox te zetten;

<link href="../css/lightbox.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="../js/prototype.js"></script>
<script type="text/javascript" src="../js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="../js/lightbox.js"></script>

Alles werkt prima in de template maar bij het maken van een nieuwe pagina vanuit dezelfde template
verdwijnen de ../ voor de js waardoor ik in de nieuwe pagina de "closeX" button alsnog niet zichtbaar is.
De script in de nieuwe pagina kan ik niet handmatig aanpassen omdat deze aan de template is gekoppeld.
Het veranderen van de source in de tag (menu edit tag) werkt ook niet.

Weet iemand hoe ik de "closeX" button op de overige pagina's zichtbaar krijg?

Groet

Spedxs

 

[csshunter]

Hoi spedxs,
Als je in het template geen relatief pad opgeeft, maar het absolute pad (vanaf het begin van de site), dan zou het altijd goed moeten gaan:

<link href="http://www.jouwdomeinnaam.nl/css/lightbox.css" rel="stylesheet" 
   type="text/css" media="screen" />
<script type="text/javascript" 
   src="http://www.jouwdomeinnaam.nl/js/prototype.js"></script>
<script type="text/javascript" 
   src="http://www.jouwdomeinnaam.nl/js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" 
   src="http://www.jouwdomeinnaam.nl/js/lightbox.js"></script>

Met vriendelijke groet,
CSShunter

 

[leoj]

In één van de scripts moet je twee of drie kleine aanpassingen maken.
Weet het niet uit mijn hoofd, vanavond kan ik je aangeven wat je precies moet aanpassen.

 

[leoj]

In lightbox.js, ondertsande zoekpaden aanpassen voor de loading.gif en closelabel.gif, dan moet het werken. zo niet, hoor ik dat graag

fileLoadingImage: 'loading.gif',
fileBottomNavCloseImage: 'closelabel.gif',

 

[spedxs]

OK,

de oplossing met het absolute pad heeft niet gewerkt. geprobeerd om alles aan te passen met als resultaat dat de foto's open gaan in een nieuwe pagina..

uiteindelijk de oplossing van leoj geprobeerd en daar zolang gesleuteld met als resultaat dat ik nu geen closeX button meer in de template heb (wat niet erg is!) maar wel op de overige pagina's.

Als ik in lightbox.js de

fileLoadingImage: '../images/loading.gif',
fileBottomNavCloseImage: '../images/closelabel.gif',
gebruik, dan zie ik de closeX button alleen in de template

Als ik de ../ weg laat zie ik de closeX button alleen in de overige pagina's en niet in de template...

Bedankt voor het meedenken!!

 

[csshunter]

Aha; het inwendige van het lightbox.js kende ik niet. Misschien werkt dan een combi van de twee suggesties ook voor de template?
In lightbox.js:
fileLoadingImage: 'http://www.jouwdomeinnaam.nl/images/loading.gif'
fileBottomNavCloseImage: 'http://www.jouwdomeinnaam.nl/images/closelabel.gif'
(met eventuele tussenmapjes op weg naar de images-map)

Met vriendelijke groet,
CSShunter

 

[spedxs]

hi csshunter

ja, heb het al geprobeerd maar het werkt niet, niet op de computer iig. heb het
nog niet op de server geprobeerd. de ../ blijkt de code naar het pad naar de locale site;
HD>gebruiker>site>js map. de reden waarom het niet altijd werkt heb k nog niet gevonden. ben nog aan experimenteren want je oplossing zou in principe moeten werken.

groet