2012-07-21 4 views
6

sehr einfach folderstructure so ...PHP & HTML: Wie durchläuft man ein Verzeichnis mit Bildern?

  • index.php
  • img
    • someimage1.jpg
    • someimage2.png
    • someimage3.jpg

I frage mich, wie schwer es ist Verwenden Sie PHP, um diesen IMG-Ordner zu lesen, und erstellen Sie eine Microsite, die diese Bilder mit "vorherigen" und "nächsten" Links durchläuft.

Also ich möchte nicht manuell angeben, was die Dateinamen der Bilder sind. Ich möchte nur Bilder in den Ordner hinzufügen und ein PHP-Skript ausgeführt wird durch sie und schafft eine Navigation wie die

<a href="nextimage-link" class="next">Next Image</a> 
<a href="previmage-link" class="prev">Previous Image</a> 

Also, wenn ich klicken Sie auf „Weiter Bild“ link es die Website aktualisiert und zeigt das nächste Bild.

Ist das kompliziert zu bauen? Irgendwelche Ideen dazu? Vielen Dank im Voraus für Ihre Tipps und Hilfe.

+0

['glob()'] (http://il.php.net/manual/en/function.glob.php) –

+0

Oder [readdir] (http://il.php.net/manual/en /function.readdir.php) – Neograph734

Antwort

10

Betrachten Sie die folgende, gehe davon aus ich den img Ordner in /var/www ist Ordner:

$dir = "/var/www/img/*.jpg"; 
//get the list of all files with .jpg extension in the directory and safe it in an array named $images 
$images = glob($dir); 

//extract only the name of the file without the extension and save in an array named $find 
foreach($images as $image): 
    echo "<img src='" . $image . "' />"; 
endforeach; 

Für eine bessere UI können Sie eine Reihe von Bildpfade erstellen und speichern sie in ein JavaScript-Array. Verwenden Sie dann die Schaltflächen Zurück und Weiter, um den Index des Bild-Arrays zu ändern und den aktuellen Wert in dem einzelnen Tag anzuzeigen.

+0

Ich liebe die Idee über das JS Array. Wie kann ich ein JS-Array mit PHP erstellen? – matt

+0

Sie können die PHP-Funktion 'realpath()' verwenden, um den tatsächlichen Pfad zu erhalten. –

+0

Bitte gehen Sie durch diese Hilfe http://www.w3schools.com/php/func_filesystem_realpath.asp –

Verwandte Themen