Как проверить загрузились/закэшированы ли картинки в блоке?

Question

[creatoroftheworld]

<div id="slider-1" class="hidden">
  <img src="images/image1" width="1920" height="1200">
  <img src="images/image2" width="1920" height="1200">
  <img src="images/image3" width="1920" height="1200">
</div>

Абстрактный пример того кода, который должен получиться:

var counter = 0;
$('slider1 img').each(function(){
    $(this).isCaches() && $(this).isLoad() 
    ? counter++
    : 'Егор'
})

Желательно без использования сторонних библиотек (кроме jQuery). Заранее спасибо

Answer 1

[Илья Белобородов]

$('img').ready(function(){
  alert('Норм');
});

Наверное только как-то так

Answer 2

[Dark Hole]

А зачем? можно создать элементы с помощью jQuery и потом их вставить

Comments

[creatoroftheworld]

Ну а в таком случае как определить, что они прогрузились или уже есть в кэше пользователя?

[Dark Hole]

creatoroftheworld: ну... зачем смотря. load - обычно содет