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!