PHP: Ordner auslesen und Zufallsbild ausgeben

Kleines PHP Script um einen vordefinierten Bilderordner auszulesen und die darin enthaltenen Bilder als Zufallsbild auszugeben.

// Stammverzeichnis der Zufallsbilder
$basedir = 'images';
$images = array();
// Bilderordner auslesen und Zufallsbild ausgeben
if (file_exists($basedir)) {
  $open = opendir($basedir);
  while($file = readdir($open)) {
    if($file != '.' && $file != '..') { // Höher liegende Verzeichnisse ausblenden
      if( strstr($file,'.jpg') || strstr($file,'.gif') || strstr($file,'.png') ) { // Erlaubte Dateiendungen
        array_push($images,$file);
        $items = count($images);
      }
    }
  }
  closedir($open);
  $randomize = rand(0,$items-1);
  $alt = str_replace(substr($images[$randomize], strrpos($images[$randomize], '.') ), '', $images[$randomize]); // Bildname als Alt-Bezeichnung definieren und Dateiendung abschneiden
  echo '<img src="'.$basedir.'/'.$images[$randomize].'" alt="'.$alt.'" />'; // Ausgabe: Zufallsbild
}

CSS Image Preloader

Es wird ein Hintergrundbild für IMG Tags eingeblendet solange das Bild nicht komplett geladen wurde.

img {  
  background:url(images/preloader.gif) no-repeat 50% 50%;  
}

alt-Tag eines Bildes auslesen und ausgeben

Folgender Codeschnipsel liest den alt-Tag des Bildes aus und gibt diesen im “span” mit der Klasse “description” aus.

jQuery:

$('span.description').html($('img').attr('alt'));

HTML:

<img src="image.jpg" alt="Hier steht der Alternative Text" /><br />
<span class="description"></span>