Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webprogrammeren & scripting

Lightbox

None
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!

Beantwoord deze vraag

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