Unsichtbares Bild erst bei Useraktion laden

[Rolf B]

Hallo Jürgen,

vielleicht liegt es daran, dass das Bild zwar display:none ist, aber von seiner Position her im Viewport liegt. Offiziell soll lazy-loading nämlich dafür da sein, dass Bilder erst dann geladen werden wenn der User dorthin srollt.

Idee für einen Hack: Außer display:none auch noch ein left:200% oder so, um das Bild im ausgeblendeten Modus aus dem Viewport zu schieben. Nicht zu weit verschieben, weil der Browser das Hüllrechteck um alle Elemente als Zeichenfläche auffasst; macht man die zu groß, geht die Rendering-Time in die Knie.

Rolf