Diese Übung ist sehr ähnlich wie die Produkte-Liste, nur dass diesmal die Bilder nicht erst in einem Array gespeichert werden sollen, sondern direkt aus einem Bilder-Ordner ausgelesen werden. 

Aufgabe

1. Lade urlaub-images.zip herunter, so dass die Bilder darin in einem Ordner namens "images" gespeichert sind.
2. Erstelle nun die Datei, welche die Bilder ausliest. Hierzu kannst Du entweder mit einer Tabelle oder einer DIV-Struktur arbeiten, die du dann später per CSS (mit float oder flex) gestalten kannst. Erstelle erst ein wenig Beispiel-HTML für z.B. vier Bilder, so wie es am Schluss generiert werden soll, damit Du Dir überlegen kannst, welche HTML Elemente jeweils für jedes Bild (und somit innerhalb der Schleife) ausgegeben werden müssen.
3. Definiere zu Beginn des Scripts eine Variable für den Ordner-Pfad, den du auslesen willst (oder falls dieser nicht auf der gleichen Ebene wie das Script liegt, der ganze Pfad)
4. Öffne nun eine Verbindung zum Ordner mit opendir() 
5. Erstelle nun eine WHILE-Schleife mit readdir()
6. Gebe nun die Bilder in der Tabellenstruktur aus (es wird der ganze Pfad zum jeweiligen Bild gebraucht)
7. Schliesse nun alle Dateien in dem Ordner aus, die keine "JPG" Dateien sind - hierzu gibt es verschiedene Möglichkeiten

Beispiel

Verwandte Übungen:

Bild-Upload