• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

html - zufällige Auswahl (PHP) in Bilderanzeige (CSS) integrieren - kein Java

McCallister

Neues Mitglied
Hallo,

momentan weiß ich nicht weiter. Nachdem ich anderthalb Tage damit zugebracht habe, eine Zufällige Auswahl mit einer Bilderanzeige zu verbinden, wende ich mich an euch.

Mein Ziel ist, dass die angezeigten Bilder auf
kollektiv-fiktiv.de/versuch/slide/slide.html
zufällig ausgewählt und angeordnet werden.

Um Bilder zufällig auszuwählen, habe ich mittels externer PHP probiert:
kollektiv-fiktiv.de/versuch/rotate/rotate.html

Besteht die Möglichkeit, die rotate.php mit der slide.html zu verbinden, damit beispielsweise Bilder aus einem Ordner zufällig angeordnet werden?

Gern könnt ihr euch die Dateien herunterladen, damit man sich ein Bild machen kann
kollektiv-fiktiv.de/versuch/versuch.rar

Vielen lieben Dank!
 

m.scatello

Senior HTML'ler
Ungetestet:
PHP:
<?php
   $files = glob('slides/*.png');
 
   shuffle ($files);
 
   $num = 1;
 
   echo '<ul>';
 
   foreach ($files as $file)
     echo '<li>
           <div class="caption"><a href="#">Bild ' . $num++ . '</a></div>
           <a href="#">
              <img src="http://kollektiv-fiktiv.de/versuch/' . $file . '"/>
            </a> 
         </li>';
       
   echo '</ul>';
?>
 

Sempervivum

Senior HTML'ler
Ich würde es etwas anders machen: Die Bildnummern in ein Array eintragen und dieses mit der Funktion shuffle() mischen. Dann hast Du eine zufällige Reihenfolge, wo keine Nummer doppelt ist. Dann eine Schleife über das Array und das HTML generieren.

Edit: Aber die Lösung von m.scatello ist auch gut und wird funktionieren. Aber passt dann die Beschriftung zu den Bildern?
 
Werbung:

Neueste Beiträge

Oben