Galerie als Swiper-Slider: Verhalten bei unterschiedlich großen Bildern

[tschero]

Hallo Leute,

ich benutze den Swiper-Slider für eine Galerie.
Leider sind hierfür nur unterschiedlich große Bilder vorhanden. Noch dazu im Quer- und Hochformat gemischt.
Das sieht natürlich erst mal unschön aus.

Als Lösungsansatz habe ich versucht, dem "swiper-container", mit einer eigenen Klasse, eine "max-height" zu verpassen.

Bei Aufruf der Seite sieht das auch gut aus.


So soll es sein (Ansicht im FF):


Wenn jedoch der Slider benutzt wird, die Bilder damit in der Lightbox angezeigt werden und DANN die Lightbox geschlossen wird, entstehen sehr unschöne Anzeigen, die "Punkte" werden teilweise nach links verschoben und die Höhe der Bilder und des Sliders verändert sich immer unterschiedlich.
Getestet und nachvollziehbar in FF und Chrome.

So sieht es nach der Benutzung der Galerie mit der Lightbox aus im FF:


So sieht es nach der Benutzung der Galerie mit der Lightbox aus im Chrome:


Folgendes CSS habe ich hinzugefügt:

/*** Eigene Klasse edm-unterkunftobjekt im Swiper Slider vergeben  ***/
#main div.edm-unterkunftobjekt .swiper-container{
    max-height: 160px;
}

Hat da jemand einen Tipp für mich?

Gruß
tschero

[tschero]

Ergänzung:
Die komplette Hauptspalte wird hier - nur ab und zu, nicht ständig reproduzierbar, nach links verschoben.

So soll es sein:


So wird es (nur manchmal):


Gruß
tschero

[tschero]

Des Problems Lösung wäre gleich große Bilder mit z.B. 1200 x 800 px .
Leider liegen die nicht vor.
Also muss ich hier irgend eine andere Lösung finden.

[Tim]

Des Problems Lösung wäre gleich große Bilder mit z.B. 1200 x 800 px .
Leider liegen die nicht vor.
Also muss ich hier irgend eine andere Lösung finden.

Sind das nicht getrennte Elemente. Überschrift und Galerie?
---
In Galerien beschneidet Contao die Bilder nicht, oder? Da wird der Beschnitt auf die Thumbnails angewendet.

Vielleicht mit CSS ein overflow:hidden hier setzen

[tschero]

Sind das nicht getrennte Elemente. Überschrift und Galerie?

Ja, das finde ich ja auch eben so komisch, dass das halbe Layout von der Änderung betroffen ist.

[tschero]

In Galerien beschneidet Contao die Bilder nicht, oder? Da wird der Beschnitt auf die Thumbnails angewendet.

Vielleicht mit CSS ein overflow:hidden hier setzen

Scheinbar wird bei den Thumbnails nur proportional verkleinert. Beschnitten wird nichts.

So sieht es aus ohne irgendwelche CSS Anpassungen von mir: