nicht angezeigte Bilder *nicht* laden

[Daniel N.]

Hallo,

ich möchte erreichen, dass ich einige Bilder in einem HTML-Dokument auszeichne, die *nicht* vom Browser geladen werden!

also irgendiwe so:

  
<div class="doNotLoad">  
  <img src="bild1" "Mein erstes Bild" />  
  <img src="bild2" "Mein zweites Bild" />  
</div>  

Ich möchte diese Bilder zu einem *späteren* Zeitpunkt per javascript anzeigen. Damit nicht *alle* Bilder direkt zu *anfang* geladen werden, möchte ich verhindern, dass dies der Browser tut! Ich möchte den Zeitpunkt selber bestimmen, wann die Bilder geladen werden!

Habt ihr eine Idee?

display:none und/oder visiblility:hidden "funktionieren" hier nicht.

Übrigens: Dass ich die URLs zu den Bildern auch im Javascript hinterlegen kann und diese dann nicht geladen werden ist mir natürlich klar!
Ich halte es allerdings für sinnvoller, die Bilder als Bestandteil des Markups zu notieren, da diese ja Bestandteil der Seite sind und es nur eine *Darstellungssache* ist, wann und wie diese Bilder angezeigt werden! (Außerdem muss ich mir dann keine neue Syntax überlegen, um Bilder auszuzeichnen).

Bin auf eurer Antworten gespannt, viele Grüße
Daniel :-)