Vraag & Antwoord

Webprogrammeren & scripting

Lightbox

6 antwoorden
  • Hallo, Ik wil graag Lightbox gaan gebruiken voor het plaatsen van mijn foto.s Maar dit lukt me (ondanks alle duidelijke turtorials) helemaal niet. Ik heb het als volgt gedaan: Ik heb dit geplaatst tussen de <head> tags van mijn weg pagina <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 <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /> En op mijn webserver heb ik de mappen: css en js geplaatst. En de afbeeldingen plaats ik in de map images op http://www.lorenzovangortel.nl/foto.html zie je de afbeeldingen die ik geplaatst heb. <a href="suarez.jpg" rel="lightbox" title="mijn bijschrift"><img src="http://img685.imageshack.us/img685/9374/suarez.jpg" alt=""></a> <a href="suarez.jpg" rel="lightbox" title="mijn bijschrift"><img src="http://img685.imageshack.us/img685/9374/suarez.jpg" alt=""></a> <a href="suarez.jpg" rel="lightbox" title="mijn bijschrift"><img src="http://img685.imageshack.us/img685/9374/suarez.jpg" alt=""></a> Echter heb ik nu een plaatje via imageshack.us als thumbnail geupload. Omdat ik anders niks te zien krijg. Ook openen de plaatjes in een ander scherm als je ze aanklikt. Ik verwacht dus dat ik iets niet goed heb gedaan met lightbox. Jullie een idee?
  • Hoi, Je mist in ieder geval al een sluit haakje hiero: <script type="text/javascript" src="js/lightbox.js"></script
  • Bedankt! Nu zie ik al het volgende http://www.lorenzovangortel.nl/foto.html
  • Da's ook niet wat 't moet zijn.. Verplaats dit eens naar vlak voor </head> <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> <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /> Maar de fout zit hierin: <a href="wallpaper.jpg" rel="lightbox" title="ajax wallpaper"><img src="images/wallpaperik.jpg" alt=""></a> images/wallpaper.jpg moet ie zijn, je hebt het pad naar de uitvergroting niet goed.
  • Bedankt!!! 8)
  • Echter doet zich het volgende probleem zich alweer voor: [b:017d06b20c]lightbox:[/b:017d06b20c] <title>Lorenzovangortel.nl</title> <link href="style.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> <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /> </head> [b:017d06b20c]foto's:[/b:017d06b20c] <a href="images/bayer1.jpg" rel="lightbox" title="Allianz Arena"><img src="images/bayer11.jpg" alt=""></a> <a href="images/bayer2.jpg" rel="lightbox" title="Bayern Munchen"><img src="images/bayer22.jpg" alt=""></a> <a href="images/bayer3.jpg" rel="lightbox" title="Allianz Arena"><img src="images/bayer3i.jpg" alt=""></a> <a href="images/bayer4.jpg" rel="lightbox" title="Bayern Munchen"><img src="images/bayer4i.jpg" alt=""></a> <a href="images/bayer5.jpg" rel="lightbox" title="Bayern Munchen"><img src="images/bayer5i.jpg" alt=""></a> Ik heb de plaatjes gewoon in de map images geplaatst. De thumbnails heb ik via imageshack geupload en vervolgens opgeslagen met een andere naam dan het orginele plaatje In dit geval dus Images/bayer2.jpg thumbnail images/bayer22.jpg ALLE afbeeldingen staan in de map images Zie het resultaat: http://www.lorenzovangortel.nl/foto.html De wallpaper onder de bayern foto's doet inmiddels wel![/b]

Beantwoord deze vraag

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.