Chcę załadować każdy obraz wewnątrz div przed ich rzeczywistym wyświetleniem. Mam coś podobnego do tego:

<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>

Początkowo próbowałem robić takie rzeczy jak:

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

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


});

Albo to:

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

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

});

Niestety to nie zadziałało, ponieważ gdy przeglądarka ładuje nawet pojedynczy obraz, uruchamia zdarzenie. Jakieś pomysły, jak załadować wszystko najpierw? Dzięki!