Einfach Simplysimple Bspl: Gleich breite kleine Bilder

Mit dem Bildmenübalken kann man alternativ zur Originalgröße feste Bild-Seitenlängen wählen. (Klein: 200px, Mittel: 320px, Groß: 400px, X-Large: 640px) Ob die Höhe diesen Wert bekommt oder die Breite, hängt davon ab, welche Seite des Originalbildes die längere ist. Die jeweils andere Seite wird daran proportional angepasst. Um mit dem Bildmenübalken eine bestimmte Bildbreite zu erzeugen, müsste das Bild also breiter als hoch sein.

Will man mehrere Bilder nebeneinander stellen und sie alle, unabhängig davon, welche Seite der verschiedenen Originalbilder die jeweils längere ist, in der gleichen Breite anzeigen und daran die Bild-Höhen proportional anpassen, kann man das per CSS bzw. per Style realisieren.

Hier habe ich zwei Bereiche mit Klassen-Namen erstellt. Innerhalb des ersten Bereichs sind Bilder 120px breit, innerhalb des zweiten Bereichs sind Bilder 80px breit. Im Post selbst sind die Bilder per Bildmenübalken auf "Originalgröße" gestellt, damit das Skalierergebnis das bestmögliche ist.