login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Lightbox probleem (Opgelost)

Offline mathiasB - 06/11/2007 17:59
Avatar van mathiasBHTML interesse Hey iedereen. Ik wil al een tijde die lightbox proberen maar het lukt me maar nooit.
- Ik plaats de javascripts in de map includes
- De css in de map style
(ja ik heb in het javascript en de css de links naar de afbeeldingetjes aangepast)

<head>
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <script type="text/javascript" src="includes/prototype.js"></script>
  2. <script type="text/javascript" src="includes/scriptaculous.js?load=effects"></script>
  3. <script type="text/javascript" src="includes/lightbox.js"></script>


<body>
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <a href="<?php echo $image ?>" rel="lightbox" title="My picture"><img src="<?php echo $image ?>" alt="Your display" width="100" height="100" border="0" class="reflect" /></a>


Ik zocht eerst op de site van lightbox daar stond dat het misschien aan een conflict lag tussen scripten. Dus ik zette voor de zekerheid ook dit:
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <body onload="initLightbox()">


Hij opent de afbeelding (de link is inderdaad met php aangezien het een profiel-achtige pagina is) in een nieuw venster.

21 antwoorden

Gesponsorde links
Offline Rik - 06/11/2007 18:03
Avatar van Rik Gouden medailleGouden medaille

Crew algemeen		 Dit stukje in je body:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <?php echo $image ?>
volgens mij ben je daar een ; vergeten:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <?php echo $image; ?>
Offline mathiasB - 06/11/2007 18:04 (laatste wijziging 06/11/2007 18:04)
Avatar van mathiasB HTML interesse hehe, het werkt nochtans, en het doet er niet echt toe hier 
Offline Rik - 06/11/2007 18:06
Avatar van Rik Gouden medailleGouden medaille

Crew algemeen		 Hmm, das waar ook, op de laatste regel van een php script (of de eerste als je er maar 1 hebt) hoeft geen ;...

Heb je misschien een base tag in je html staan die de browser op de verkeerde plek laat zoeken? Weet je zeker dat de bestanden worden geladen (kan je testen door er een alert in te zetten)?
Offline mathiasB - 06/11/2007 18:08
Avatar van mathiasB HTML interesse Een base tag? Geen idee, en wat die alert betreft, ik ken niet echt javascript 
Offline Rik - 06/11/2007 18:10
Avatar van Rik Gouden medailleGouden medaille

Crew algemeen		 Gewoon helemaal bovenin je het javascript bestand
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. alert('Bestand xxx.php geladen!');
oid zetten. 
Offline mathiasB - 06/11/2007 18:11
Avatar van mathiasB HTML interesse Nou dat doet hij wel 
Offline citroen - 06/11/2007 18:18
Avatar van citroen Onbekend sinds wanneer heeft lightbox scriptacolous nodig? prototype en scriptacolous werken samen op het DOM-Framework en gaan hoogstwaarschijnlijk conflicten geven. verwijder scriptacolous eens van je javascript includes, ik wed dat het dan wel werkt.
Offline mathiasB - 06/11/2007 18:59 (laatste wijziging 07/11/2007 11:09)
Avatar van mathiasB HTML interesse eeeuhm:
Link

of dient dat voor iets anders?

Edit: kan het probleem zijn dat ik de scripts niet in een map js zet maar in mijn eigen map? Ik zal het even zo proberen, maar ik vrees ervoor.
Offline marten - 07/11/2007 11:26
Avatar van marten Beheerder Installeer eerst webdeveloper toolbar van Chris Pedrick. Controleer hiermee eerst je javascripts (information / view javascript) Zijn die scripts wel goed ingeladen? Vervolgens doe je hetzelfde met de css. Als die allemaal goed ingeladen zijn kan je verder gaan debuggen. Krijg je een foutmelding in foutconsole? Werk die er eerst uit. Bekijk de demo's van Lightbox. Maak kleine voorbeeldjes en verwerk het dan in je eigen scripts.
Offline mathiasB - 07/11/2007 11:27 (laatste wijziging 07/11/2007 11:28)
Avatar van mathiasB HTML interesse Dat deed ik al, allemaal!! Niets van fouten, zelfs niet in de css. Ik deed exact wat de demo's deden, paste de css aan, zette ze in de map JS en de map CSS zodat het was zoals in de voorbeelden:
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  3. <title>Testeeeuh</title>
  4. <link rel="stylesheet" type="text/css" href="css/lightbox.css" media="screen">
  5. <script type="text/javascript" src="js/prototype.js"></script>
  6. <script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
  7. <script type="text/javascript" src="js/lightbox.js"></script>
  8. </head>
  9.  
  11. <a href="Img/AiroScriptsNB.png" rel="lightbox"><img src="Img/AiroScriptsNB.png" width="328" height="202"></a>
  12. </body>
  13. </html>
Offline marten - 07/11/2007 11:36
Avatar van marten Beheerder Haal prototype en scriptaculous eens weg. Heb je ook die 4 of 5 afbeeldingen gedownload die erbij staan? En is de verwijzing vanuit de css naar de plaatjes wel goed? Heb je online een voorbeeld staan waarop ik kan kijken.
Offline mathiasB - 07/11/2007 11:38
Avatar van mathiasB HTML interesse ja ik heb de afbeeldingen en de css links naar die afbeeldingen. kloppen. Nou die scripts moeten er toch staan volgens de site van lightbox en ja ik heb een voorbeeldje hier.
Offline marten - 07/11/2007 11:39
Avatar van marten Beheerder http://lxg-clan...effects.js

Deze kan niet worden gevonden op de server.
Offline mathiasB - 07/11/2007 11:41 (laatste wijziging 07/11/2007 11:42)
Avatar van mathiasB HTML interesse Huh nochtans laat mijn ftp dat bestand wel zien. Maar die staat in de map js?? Zoals het hoort toch? Waar wordt de link naar die include map gelegd dan? Ik zie het niet.
Offline marten - 07/11/2007 11:43
Avatar van marten Beheerder het gaat erom dat dit bestand niet goed ingeladen word in de scriptaculous (of hoe je het ook schrijft).
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. function(include) { Scriptaculous.require(path+include+'.js') });


aanpassen should do the trick.
Offline mathiasB - 07/11/2007 11:45
Avatar van mathiasB HTML interesse Nou ik vond dit iets hoger:
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. document.write('<script type="text/javascript" src="../js/'+libraryName+'"></script>');
Wat klopt.. ik zie niet in waarom dat verkeerd zou zijn, ik heb het zo gedwonload
Offline marten - 07/11/2007 11:47
Avatar van marten Beheerder Dus als je iets download kunnen er geen foutjes inzitten?

haal bij de include eens path+ weg en probeer het dan eens. Je krijgt het effect niet omdat effect.js niet goed ingeladen wordt.
Offline mathiasB - 07/11/2007 11:48
Avatar van mathiasB HTML interesse Blijft hetzelfde .
Offline marten - 07/11/2007 11:50
Avatar van marten Beheerder
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. function(include) { Scriptaculous.require('js/'+include+'.js') });


zo 
Offline mathiasB - 07/11/2007 11:51
Avatar van mathiasB HTML interesse ja bedankt
Offline marten - 07/11/2007 11:52
Avatar van marten Beheerder webdeveloper extensie is zoooo makkelijk. Daardoor zie ik dus welke javascripts verkeerd ingeladen worden.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.406s