Hallo,
Wie ist es mit CSS möglich, dass bei zu hohen Bildern nicht das ganze Foto 'gequetscht' wird, sondern nur ein 180x120px großer Ausschnitt aus der Mitte des Bildes zu sehen ist?
mit der CSS-Eigenschaft 'background-size' geht das sehr schön, 'contain' dürfte da dein Wert der Wahl sein. Mit dem img-Tag wird das sicherlich etwas schwieriger umzusetzen sein. Eventuell könnte man statt <img> das <figure>-Element nutzen und diesem das Bild als background zuweisen. Ob das semantisch korrekt ist, ist sicherlich eine andere Frage, einigen hier wird das sicherlich nicht gefallen :-)
Gruß
Onkel Schnitzel
Vielen Dank,
das klingt gut. Jetzt fällt mir auch ein, dass ich ebenfalls mit dieser CSS-Eigenschaft mein Hintergrundbild positioniert habe, aber auf die Idee auf diese Weise auch die Bilder zu positionieren bin ich bisher nicht gekommen...
Ich werde die img-Tags dann vermutlich einfach durch div-Tags ersetzen und die CSS-Attribute dementsprechend anpassen. Wie ich jquery dann noch beibringe anstatt des src-Attributes den Pfad des Hintergrundbildes zu verwenden muss ich mal sehen.
Sobald ich es zum Laufen bekommen habe, werde ich die Galerie hier veröffentlichen: http://galerie.marcusw.de
VG proggie743