Erzwingen, dass ein IMG eine Breite aufnimmt, auch wenn das Bild nicht geladen ist

8

Ich lade eine Reihe von Bildern, und ich möchte, dass sie Platz auf dem Dokument einnehmen, selbst wenn sie nicht geladen sind oder noch nicht vollständig geladen sind.

Ich habe versucht, width und height (beides als Attribute selbst und innerhalb eines style-Attributs) anzugeben, und finde es frustrierend, dass die Bilder keinen Platz beanspruchen, wenn sie nicht geladen werden.

Sicherlich muss es eine Möglichkeit geben, einen IMG auf bestimmte Dimensionen zu zwingen, auch wenn das Image nicht geladen werden kann.

Danke

    
Sambo 25.09.2010, 00:30
quelle

2 Antworten

10

Es gibt sicherlich:

%Vor%

Der Grund für die Angabe von width und height im Attribut style="/* css */" funktionierte auch nicht, weil Bilder standardmäßig Inline-Elemente sind. Hätten Sie display: block angegeben, hätte das Bild die Werte width und height akzeptiert.

Wenn Sie hinzufügen, zum css / style:

%Vor%

Es sollte funktionieren. Ich bin nicht sicher, warum Firefox respektiert nicht die Breite / Höhe Attribute, aber immer noch. Selbst IE mit einem definierten doctype sollte display: inline-block berücksichtigen, da img -Elemente standardmäßig sowieso in-line sind.

    
David Thomas 25.09.2010, 00:33
quelle
0

Die einfache Antwort: Wickeln Sie das Bild in eine <div> mit einer festen Breite.

%Vor%

Wenn Sie padding, border usw. auf 0 setzen, werden Sie nicht bemerken, dass das div dort ist.

    
Tomas Lycken 25.09.2010 00:34
quelle

Tags und Links