Hallo liebe Community,
ich habe mit HTML, CSS und PHP eine Bildergalerie erstellt. Diese ist Teil meines CMS.
Die Ausgabe ist dann ein 3-Spalten-Grid-Layout.
Hier mein Anliegen: Ich möchte das Layout anpassen, wenn die Anzahl der Bilder im Ordner beispielsweise 5 beträgt. Die Bilder sollen dann anders angeordnet werden.
Vorher (5 Bilder)
33.333333% | 33.333333% | 33.333333%
33.333333% | 33.333333%
Nachher (5 Bilder)
33.333333% | 33.333333% | 33.333333%
50% | 50%
Habe aber leider keine Idee, wie ich das anstellen soll.
Edit: Das gilt dann auch für jede andere mögliche Anordnung bsp. auch
33.333333% | 33.333333% | 33.333333%
33.333333% | 33.333333% | 33.333333%
100%
bei 7 Bildern usw...
Vielen Dank im Voraus und einen schönen Abend! :)
ich habe mit HTML, CSS und PHP eine Bildergalerie erstellt. Diese ist Teil meines CMS.
Code:
$path = "../img/";
$dir = opendir($path);
$extensions = array("jpg", "bmp", "gif", "jpeg", "png");
while(($file = readdir($dir)) !== false) {
if(in_array(pathinfo($file, PATHINFO_EXTENSION), $extensions)) {
echo "<div style='background-image:url(".$path.$file.")' class='IMGS'></div>";
Hier mein Anliegen: Ich möchte das Layout anpassen, wenn die Anzahl der Bilder im Ordner beispielsweise 5 beträgt. Die Bilder sollen dann anders angeordnet werden.
Vorher (5 Bilder)
33.333333% | 33.333333% | 33.333333%
33.333333% | 33.333333%
Nachher (5 Bilder)
33.333333% | 33.333333% | 33.333333%
50% | 50%
Habe aber leider keine Idee, wie ich das anstellen soll.

Edit: Das gilt dann auch für jede andere mögliche Anordnung bsp. auch
33.333333% | 33.333333% | 33.333333%
33.333333% | 33.333333% | 33.333333%
100%
bei 7 Bildern usw...
Vielen Dank im Voraus und einen schönen Abend! :)
Zuletzt bearbeitet: