@@Sammy:
nuqneH
Ich habe eine Seite dort werden sehr viele Bilder angezeigt. Sie haben alle die gleiche Grösse,
doch das Design passt sich am Brwoser an, so das ich die Breite bzw. vor allem die Höhe nicht vorraussagen kann.Nun würde ich gerne bei jedem Bild einfach vorher einen Dummy laden, der ein zwei Byte hat so das die Seite sofort korrekt dargestellt wird, und die Bilder dann einzeln nachgeladen werden.
Wie ich das sehe, bist du dem Fehler aufgesessen, nicht dein Problem zu beschreiben, sondern das, was du als Lösung ansiehst. Und die bisher geantwortet haben, sind darauf hereingefallen.
Du möchtest kein „Vorschau Bild laden“ [sic! – auch ein Fehler]. Du möchtest verhindern, dass die Seiteninhalte beim Laden umherspringen, wenn die Bilder geladen werden, und deshalb den Platz für die Bilder von Beginn an freihalten.
Aus deiner Beschreibung entnehme ich, die Breitenangaben für die Bilder sind in % (vermutlich 100% der Breite B des Containerelements) und sie haben alle dasselbe Seitenverhältnis b/h.
Für die Höhe H des freizuhaltenden Bereichs gilt H/B = h/b. Sie ist also H = B × h/b.
Beispiel: Für ein Seitenverhältnis von 16/9 ergibt sich H = 100% × 9/16 = 56.25%. Die Höhe des freizuhaltenden Bereichs soll also 56.25% von dessen Breite betragen.
Bekommt man das nun mit CSS hin? Ja! Denn „percentages on ‘padding-top’ and ‘padding-bottom’ are relative to the width of the containing block, not the height“ [CSS3-BOX]
Und wie kriegt man das Bild in diesen Bereich? Mit absoluter Positionierung. Dazu ist das Containerelement relativ zu positionieren.
Qapla'
„Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)