Unabhängig von der Funktion der Galerie kannst Du folgendes machen:
Das Element dass ein Bild umgibt, meist ein li, so formatieren:
Code:
.ce_gallery li {float: left; width: 33.333%;}
Das Bild selbst bekommt, sofern nicht schon vorhanden noch:
Code:
img {max-width: 100%; height: auto;}
Danach kannst Du über mediaqueries für kleinere Bildschirme die weite des li und damit die Anzahl der Bilder pro Reihe beeinflussen.
zb:
tabletgröße (zb 960px)
width: 50% = 2 Bilder
Smartphone (zb 767px)
width: 100% = 1 Bild
Zu Beachten ist noch die Bildgröße. Wenn die Bildbreite kleiner ist der prozentuale Anteil der gesamten Displaybreite kann das unschön aussehen.
Lesezeichen