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