JQuery Carrega todas as imagens dentro de div antes de exibir
Eu quero carregar cada imagem dentro de um div antes de realmente exibi-las. Eu tenho algo parecido com isso:
<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>
No começo eu tentei fazer coisas como:
$('div img').load(function() {
$('div img').show();
});
Ou isto:
$('div').find('img').load(function() {
$('div img').show();
});
Infelizmente, isso não funcionou porque, quando o navegador carrega apenas uma única imagem, ele dispara o evento. Alguma idéia de como carregar tudo primeiro? Obrigado!