JQuery Lädt alle Bilder in div, bevor sie angezeigt werden

Ich möchte jedes Bild in ein Div laden, bevor ich es tatsächlich anzeige. Ich habe etwas Ähnliches:

<div>

<img src="1.jpg" />
<img src="1.jpg" />
<img src="1.jpg" />
<img src="1.jpg" />
<img src="1.jpg" />
<img src="1.jpg" />

</div>

Zuerst habe ich versucht, Dinge zu tun wie:

$('div img').load(function() {

$('div img').show();


});

Oder dieses:

$('div').find('img').load(function() {

$('div img').show();

});

Leider hat dies nicht funktioniert, da der Browser, sobald er nur ein einziges Bild geladen hat, das Ereignis auslöst. Irgendwelche Ideen, wie man alles zuerst lädt? Vielen Dank!

Antworten auf die Frage(5)

Ihre Antwort auf die Frage