Bilder vorladen

senger1985

Grünschnabel
Hallo hilfreiche Community,

ich gebe mit folgendem Code Bilder aus einem Ordner aus:

PHP:
        <?php
        $ordner = "images/work/thumbs";
        $alledateien = scandir($ordner);

        foreach ($alledateien as $datei) {
            $dateiinfo = pathinfo($ordner."/".$datei);
            $size = ceil(filesize($ordner."/".$datei)/1024);
            if ($datei != "." && $datei != ".."  && $datei != "_notes" && $bildinfo['basename'] != "Thumbs.db") {

                    //Bildtypen sammeln
                    $bildtypen= array("jpg", "jpeg", "gif", "png");
                    //Dateien nach Typ prüfen, in dem Fall nach Endungen für Bilder filtern
                    if(in_array($dateiinfo['extension'],$bildtypen))
                      {
            ?>
                    <div class="item">
                        <a rel="lightbox" style="" href="<?php echo $dateiinfo['dirname']."/".$dateiinfo['basename'];?>">
                        <img src="<?php echo $dateiinfo['dirname']."/".$dateiinfo['basename'];?>" width="100%" alt="Vorschau" />
                        <p style="text-align: center; padding-top: 5%;"><?php echo $dateiinfo['filename'] ?><br />(<?php echo $size ; ?>kb)</p></a>
                    </div>
                    <?php
                    // wenn keine Bildendung dann normale Liste für Dateien ausgeben
                    } else { ?>
                    <div class="item">
                        <a href="<?php echo $dateiinfo['dirname']."/".$dateiinfo['basename'];?>"></a>
                    </div>
                    <?php }
            };
         };
        ?>

Funktioniert aus super!

Nur möchte ich jetzt, das ein Gif wie dieses preloader.gif, angezeigt wird, bis die Bilder komplett vorgeladen wurden.

Kann mir da jemand helfen? Bitte
 
Zurück