JQuery Cargar todas las imágenes dentro de div antes de mostrar
Quiero cargar cada imagen dentro de un div antes de mostrarlas realmente. Tengo algo similar a esto:
<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>
Al principio intenté hacer cosas como:
$('div img').load(function() {
$('div img').show();
});
O esto:
$('div').find('img').load(function() {
$('div img').show();
});
Desafortunadamente, esto no funcionó porque una vez que el navegador carga incluso una sola imagen, dispara el evento. ¿Alguna idea sobre cómo cargar todo primero? ¡Gracias!