Hilfe ! Maximale Größe eines Bildes

[Jeena Paradies]

Hallo,

auf meiner seite werden bilder von usern angezeigt.
dabei sind leider nicht alle in einem geeingneten format.
dies stellt insbesondere ein problem dar, wenn sie extrem groß sind und dadurch die darstellung einer tabelle o.ä. verpfuschen. diese sollten daher etwas begrenzt werden.
zu kleine bilder dürfen jedoch nicht verzerrt werden, sondern sollen ihre größe beibehalten.

Genau das habe ich bei einem der letzten Projekte auch verwirklicht, und vor drei Tagen wollte ich zwar einen Weblogeintrag darüber schreiben, bin aber noch nicht dazu gekommen.

Also ich habe folgenden Ansatz, der auf jeden Fall in den MOS (Mozilla Opera Safari) Browsern ohne JS funktioniert. Für den IE gibt es ja diesen IE7 von Dean Edwards http://dean.edwards.name/IE7/, welcher das für dich übernehmen kann, ohne dass du dir viele Gedanken zur JS programmierung machen musst.

#content img { max-width: 95%; }

Wobei #content die Tabellenzeile, bzw. der Bereich ist, wo die Bilder drinn sind. Alle Bilder innerhalb des content bekommen somit eine Maximale Breite von 95% des zur verfügung stehenden Platzes. Man sollte das nicht auf alle Bilder der Seite anwenden, da es sonst zu unverhersehbaren Ergebnissen kommen kann, die zum Teil ziemlich bescheiden aussehen.

Der zur Verfügung stehende Platz ist die Breite des Elternelements. Sie werden somit nie über dessen Breite gehen, und somit auch nie das Design zerstören. Bilder die kleiner sind als die Maximalbreite werden einfach in Orginalgröße angezeigt. Wichtig ist es dabei keine Höhe anzugeben, da die Bilder sonst gestaucht werden.

Ich finde das eine gute Lösung, da leute, die viel Platz haben, auch große Bilder bekommen sollten, ohne dass man schon beim hochladen die Breite begrenzt. Leute mit einem kleinen Bildschirm müssen zwar trotzdem das große Bild runterladen, um es dann vom Browser verkleinern zu lassen, aber ich sehe keine (vergleichsweise einfache) Alternative alle Browserfensterbreiten gleichermaßen zu bedienen.

Grüße
Jeena Paradies