Unsichtbares Bild erst bei Useraktion laden

[JürgenB]

Hallo,

ich habe auf meiner Seite Bilder, die erst bei einer Useraktion gezeigt werden sollen. Die Bilder habe ich mit display: none und auch dem Attribut hidden unsichtbar gemacht und blende Sie dann bei Mausklick (etc.) ein.

Leider werden die Bilder beim Öffnen der Seite schon geladen. Gibt es eine Möglichkeit, unsichtbare Bilder so einzubinden, dass Sie nicht geladen werden? Auf so etwas, wie <img data-src="…"> würde ich nicht gerne zurückgreifen.

Auf der ‚problematischen Seite‘ werden die Bilder erst bei Klick auf das Photosymbol in der Landkarte angezeigt.

Gruß
Jürgen