Bilder beim laden in der Breite skalieren

[mrshadowtux]

Moin,
leider skaliert das Forum Bilder ja erst, wenn sie geladen sind. Theoretisch müsste es ja genügen, die Breite von imgs in divs der Klasse postbody im vornerein auf 100% zu setzen oder? Dann sollte sie ja schon während des Ladevorgangs passen. Fragt sich nur noch, wie man das mit Smileys löst, haben die ne extra Klasse? Gerade nicht nachgesehen. Das da wäre jedenfalls nen Ansatz:

Code:

div.postbody img
{
    width: 100%; /* 100% bezogen auf die Breite vom Muttterdiv */
}

Kann mal jemand was in der Richtung ins CSS einbauen?

Falls die Smileys in keiner Klasse sind (warum nicht? :o), könnte man eventuell auch mit jQuery Ausnahmeregelungen machen und das CSS nur auf bestimmte img applyen, die nicht zu diesen Ausnahmen gehören.

[DosAmp]

Das würde dann kleine Bilder (auf die der Prototype-basierende Skalierer überhaupt nicht angewendet wird) allerdings nicht nur unnötig auf volle Breite skalieren, sondern in die Breite zerren.

[mrshadowtux]

max-width statt width und die Sache ist gegessen. Dafür gibt es dieses Attribut doch. Also bitte mittels max-width in CSS umbauen. Und den protoype-Skalierer braucht man dann auch nicht mehr.

[thosch97]

Wenn die meisten hier verwendeten Bilderhoster ausreichend schnell liefern würden, wäre das ein viel kleineres Problem.

[mrshadowtux]

Bei teilweise 2-3MB großen Dateien nutzt einem der beste Hoster nicht, es scheitert dann eher an der Anbindung der Endgeräte. Die Bildhoster die hier so verwendet werden sind da alle flott genug. Aber wenn halt die Bilder so groß sind, muss man halt ne max-width setzen zum fixen. So what? Eine Zeile CSS.

[CHRiSNEW]

(06.04.2014 17:37)thosch97 schrieb:  Wenn die meisten hier verwendeten Bilderhoster ausreichend schnell liefern würden, wäre das ein viel kleineres Problem.

Ack, aber eine Zeile CSS mehr tut nicht weh.

[thosch97]

(06.04.2014 17:39)mrshadowtux schrieb:  Die Bildhoster die hier so verwendet werden sind da alle flott genug.

Nö.

[oreissig]

ich hab keine ahnung von dem css-krams, aber wenn anker auch in threads mit bildern funktionieren würden wär das schon sehr knorke

[gandro]

Das Problem mit "width: 100%" hat DosAmp bereits erklärt. Nicht nur kann das MyBB Smilies nicht als solche kennzeichnen (Smilies werden zu Bilder konvertiert ohne weitere Metainformationen), auch alle anderen Bilder (z.B. Leute die eigene Smilies via [img] einbinden) hätten Probleme.

"max-width: 100%" hingegen funktioniert bei Bildern nicht, es ist nur auf Blockelemente anwendbar. Gleiches Problem wie bei der Top 20. https://developer.mozilla.org/en-US/docs.../max-width

Nachtrag: Okay, das mit den Blockelementen stimmt so nicht ganz. Aber dass die Bilder Teil von Tabellen sind ist das Problem.

[mrshadowtux]

(06.04.2014 18:39)thosch97 schrieb:  

(06.04.2014 17:39)mrshadowtux schrieb:  Die Bildhoster die hier so verwendet werden sind da alle flott genug.

Nö.

Dann verwend halt nen ordentlichen. Ist ja nicht so, dass es da keine gäbe.