JQuery Загрузить все изображения внутри div перед отображением
Я хочу загрузить каждое изображение внутри div перед тем, как отображать его. У меня есть что-то похожее на это:
<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>
Сначала я попытался сделать что-то вроде:
$('div img').load(function() {
$('div img').show();
});
Или это:
$('div').find('img').load(function() {
$('div img').show();
});
К сожалению, это не сработало, потому что, как только браузер загружает хотя бы одно изображение, он запускает событие. Есть идеи как все сначала загрузить? Спасибо!