Bildgröße in Galerie über CSS verändern

[MartinL]

Hallo zusammen,

ich bin gerade auf ein Problem gestoßen, dass ich nicht richtig verstehe. Ich habe eine Galerie und die Bildgröße im Backend auf 150 eingestellt. Jetzt habe ich nicht nur eine Galerie, sondern auf mehreren Unterseiten insgesamt 5. Ich würde die Bildgröße daher gern an zentraler Stelle in der CSS-Datei steuern, um bei einer Änderung nicht jede Galerie einzeln ändern zu müssen.

Ich habe dazu folgendes verwendet:

.ce_gallery img{box-shadow:2px 3px 6px #555555; width:300px; height:300px}

Das funktioniert leider nur halb. Die Bilder werden zwar vergrößert dargestellt, allerdings scheint es, als würde Contao ein Thumbnail mit 150px*150px erstellen und dieses dann hochskalieren auf 300px*300px. Wenn ich die Entwicklerwerkzeuge benutze, steht bei den Bildern im img-Tag als Größe auch weiterhin 150*150. Ich scheine also irgendwie an der falschen Stelle zu manipulieren. Kann mir jemand sagen, wo ich die Größenänderung hinpacken muss?

Vielen Dank und viele Grüße
Martin

[tab]

Was du im Backend angibst ist, auf welche Größe das Bild runtergerechnet werden soll. So, mit dieser Größe wird das Bild dann ausgegeben. Im CSS kannst du nur beeinflussen, wie groß es dargestellt wird. Wenn du im Backend eine feste Bildgröße vorgibst, sollte die in jedem Fall größer sein als es dargestellt werden soll. Sonst ist ja klar, dass per CSS nur hochskaliert werden kann. Welche Contao-Version ist denn da im Einsatz? Falls sie schon Bildgrößen kann (Icon im Theme) kannst du auch das benutzen und diese Bildgröße dann in den Galerien verwenden. Damit kannst du dann die Größe des ausgegebenen Bilds dann zentral ändern, allerdings nicht im CSS. Ich wüsste auch nicht wie das gehen sollte.

[MartinL]

Vielen Dank schon mal für die Antwort, das deckt sich ja mit meinen Beobachtungen und erklärt das Verhalten. In dem Fall könnte ich ja erst mal die Größe im Backend ausreichend vergrößern und dann die genaue Größe per CSS steuern. Die Seite richtet sich sowieso nicht an Menschen mit geringem Datenvolumen und es ist eine private Seite, da ist es ja nicht tragisch, wenn die Thumbnails am Ende etwas größer sind, als sie sein müssten .

Contao 4.4 ist im Einsatz.

[Andreas]

Erstelle dir im Theme eine Bildgröße und nenne sie z.B. "Galerie" (ohne Größenangabe im Namen). Stelle sie ein auf z.B. 300x300 crop mitte mitte. Wenn du diese Bildgröße jetzt überall in deinen Galerien zuweist, dann kannst du sie an zentraler Stelle leicht verändern, falls dir 300x300 doch nicht mehr gefällt.

Willst du dies noch optimieren für kleine Bildschirme, dann schau dir dazu dieses Video an https://www.youtube.com/watch?v=ub8yROSQyQ4