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

PHP en JS Lightbox2

Anoniem
MeAndI555
4 antwoorden
  • Hallo,

    Ik ben bezig met een script om alle foto's uit een map weer te geven (http://landgoedenschede.nl/upload/show.php) . Als er op een afbeelding geklikt wordt, wordt hij weergegeven mbv JS lightbox2 (zie code).
    [code:1:8565b29bb2]
    <html>
    <head>
    <title>Foto's</title>
    <script type="text/javascript" src="prototype.js"></script>
    <script type="text/javascript" src="scriptaculous.js?load=effects,builder"></script>
    <script type="text/javascript" src="lightbox.js"></script>
    <link rel="stylesheet" href="lightbox.css" type="text/css" media="screen" />
    </head>
    <body>
    <?php
    $target = "uploadFiles/"; //de folder die je wil
    $breedte = 4; //de hoeveelheid thumbs naast elkaar
    $counter = 0; //maak een variabele aan voor de counter
    $dir = opendir($target); //nodig voor het script
    $title= "Wat is dit nu weer";
    echo "<table border=0><tr>";
    while (false !== ($file = readdir($dir))) {
    if (($file !== ".")&&($file !== "..")&&($file !== ".DS_Store")) {
    list($filename, $ext) = explode(".", $file);
    list($main, $sub, $include) = explode("/", $PHP_SELF);
    if ($ext == "jpg"||$ext == "png"||$ext == "gif"||$ext == "bmp") {
    echo "<td>";
    echo "<a href=".$target.$file." rel=lightbox[test] title=".$title.">";
    echo"<img src=".$target.$file." alt=".$file." height=48px width=64px></a>";
    $counter++;
    echo "</td>";
    if ($counter == $breedte) {
    echo "</tr><tr>";
    $counter = 0; }
    }
    }
    }
    echo "</tr></table>";
    ?>
    </body>
    </html>
    [/code:1:8565b29bb2]

    Nu wil graag dat ik aan elke afbeelding de titel mee in een variabele kan geven, maar dan zie je in Lightbox alleen het eerste woord.
    Als je de titel gewoon in html geeft laat hij wel de hele titel zien.
    Weet iemand hoe ik kan zorgen dat ik ook via een variabele de hele titel kan laten zien?

    Alvast bedankt!

    MeAndI555
  • Ik denk dat het ermee te maken heeft dat je geen dubbele quotes (";) gebruikt in de link. Als je de broncode bekijkt zie je dat de titel wel normaal verwerkt wordt.

    Je hebt nu:
    [code:1:9188cbc20b]<a href=uploadFiles/Winter_Leaves.jpg rel=lightbox[test] title=Wat is dit nu weer>[/code:1:9188cbc20b]
    moet worden:

    [code:1:9188cbc20b]<a href="uploadFiles/Winter_Leaves.jpg" rel="lightbox[test]" title="Wat is dit nu weer">[/code:1:9188cbc20b]
    Probeer dat eens.
  • Beste vuurtoren,

    Bedankt voor de reactie! Ik heb nu:
    [code:1:11c6ce1644]
    echo "<a href=".$target.$file." rel=lightbox[test] title=\"".$title."\">";
    [/code:1:11c6ce1644]
    En het werkt!
  • ik heb ook ffe gekeken naar de voorbeel en je ziet ook dat de afbeeldingen downloaden.

    Denk ffe aan thumbnails dat bespaart een hoop tijd met laden. :D

Beantwoord deze vraag

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