Galerie "an Rahmen anpassen" funktioniert nicht?

[JvH]

Hallo,

Ich versuche in Contao 3.5.4 mit der Standard-Galerie ein Verzeichnis mit Fotos anzuzeigen.

Das funktioniert soweit, allerdings werden die Bilder im Hochformat zu hoch dargestellt. Ich verwende "An Rahmen anpassen" und gebe einen Wert von 250x250 vor (habe auch kleinere Werte versucht). Ich verstehe das so, dass die Bilder dann verkleinert werden, so dass Höhe UND Breite maximal 250 beträgt. Das Hochformat-Bild hat dann aber eine Höhe von 302 px.
(hier das Beispiel)

Wenn ich mit Firebug reinschaue sehe ich für width ce_galery img: 100% und für height ce_galery img: auto (Damit ist die Höhe von 302px "korrekt" berechnet, oder? Aber nicht an den Rahmen angepasst.)

Was muss ich denn machen, damit die Bilder tatsächlich in den Rahmen eingepasst werden? Die moo_mediabox und j_colorbox-Templates sind im Seitenlayout eingebunden.

Wäre super, wenn mir da jemand weiterhelfen kann!

Vielen Dank und viele Grüße
Jörg

[Spooky]

Das Bild, das bei dir aus der Reihe läuft ist folgendes: http://uwe.van-hoorn.name/files/uwe/...n_am_Abend.jpg - für dieses Bild wird nämlich kein Thumbnail generiert. Welche Werte hast du unter System » Einstellungen » Dateien und Bilder » Maximale GD-Bildbreite/höhe eingetragen?

Bei der von dir verlinkten Galerie werden gar keine Thumbnails generiert. Hast du für diese Galerie nun eine Bildgröße festgelegt?

[JvH]

Ich habe bei dem Inhaltselement Galerie unter dem Punkt Bild-Einstellungen bei Bildgröße "An Rahmen anpassen" und jeweils 250 als Wert für die Höhe und die Breite angegeben. Da wird im Hintergrund auch eine kleine Version berechnet - wenn ich den Wert auf 150x150 setze (so ist es jetzt eingestellt), dann sind die angezeigten Bilder sichtbar unschärfer und das Bild unter Assets hat eigentlich auch die richtige Größe (113x150), wird dann aber auf die Breite von 100%=227px skaliert, was die falsche Höhe liefert.

Bei den Einstellungen habe ich eine maximale Frontendbreite (1850px) und die Standard-Einstellungen für die GD-Bildbreite und Bildhöhe (3000px).

[Spooky]

Ah sorry, hatte mich da vorhin vertan.

Dein Problem ist ein ganz normales CSS Problem. Du müsstest bspw. den image_container auf die gewünschte Breite und Höhe fixieren. Da deine Galerie aber responsive ist und relative Breiten benutzt, musst du das anders lösen, bspw. so:

.ce_gallery > ul > li > .image_container {
    height:0;
    padding-top:100%;
    position:relative;
}

.ce_gallery > ul > li > .image_container a {
    position:absolute;
    left:0; right:0; top:0; bottom:0;
}

.ce_gallery > ul > li > .image_container img {
    display:block;
    position:absolute;
    width:auto;
    height:auto;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    max-width:100%;
    max-height:100%;
} 

https://jsfiddle.net/v4p0azah/1/

[Tinker2]

Spooky, das ist ja der Hammer. Du hast soeben meine Frage(n) aus diesem Thread von gestern gelöst. Auf jeden Fall die Gallerie.
Super, und vielen Dank!

[JvH]

Super, vielen Dank!

Funktioniert klasse!

Danke noch mal und schöne Ostern noch!