Moin,

ich habe eine Galerie, bei der die Bilder responsive und das Thumnail quadratisch sein sollen. Per Lightbox erhält man dann das große bzw. vollständige Bild, das entweder im Breit- oder Hochformat ist. Ich möchte aber für groß und klein das gleiche Bild verwenden.

Habt ihr eine Idee, wie ich einen quadratischen Ausschnitt des Bildes anzeigen kann? Das Problem ist, dass es responsive sein soll. Wenn die Thumbs eine feste Höhe hätten, würde ich einfach ein Element mit overflow:hidden drum legen ... Aber ist ja leider nicht der Fall.

Danke im Voraus.

Edit:

Hab nun es nun mit folgendem probiert, was auch ganz gut klappt, spricht was dagegen?

Mit float oder flexbox setze ich die Bilder dann noch nebeneinander ... das .image-wrapper ist dann jeweils ein li-Element.