Проверка всех изображений загружаются с помощью jquery

Question

Я знаю, что это довольно популярный вопрос, но я так и не нашел окончательного решения. У меня есть динамически генерируемая страница, которая загружает несколько изображений. Время от времени, по нашей вине, будет ссылка на изображение, которого не существует. Каков наилучший способ отсканировать все изображения на наличие неработающей ссылки на изображение, а точнее, когда это лучше всего сделать, потому что я понимаю:

 $(document).ready(

Не самый точный признак того, что все изображения завершили загрузку. Если это помогает, все изображения разделяют имя класса .myImage.

Спасибо.

Обновление. Я пробовал это, но не могу заставить его работать в Chrome:

 $(window).load(function(){
     $('.myImage').error(function(){
         //do something
     });
 });

Answer 1

Попробуйте использовать .load()

$(window).load(function() {

)}

Пояснения от документы здесь

Событие загрузки отправляется элементу, когда он и все вложенные элементы имеют был полностью загружен. Это событие может быть отправлено на любой элемент связанные с URL: изображения, сценарии, фреймы, фреймы и оконный объект.

альтернатива - обновить тег <img (если это возможно)

<img src="yourimage.gif" onload="loaded(this)" />

Затем вы можете использовать функцию loaded() для отслеживания загруженных изображений. Подробная информация о событии загрузки

Answer 2

Нашел это.Кажется, чтобы сделать трюк

imagesLoaded