Подгрузка изображений
Ситуация следующая: на странице есть множество тегов img. Некоторые из изображений существуют на сервере, а некоторые не существуют и посему не отображаются на сайте. Как проверить загризилось ли изображение на страницу или нет и, если не загрузилось, то выполнить какие-то действия?
|
Я думаю сделать вот так:
jQuery('img').load(function() { че-то делаем; }); но две неясности есть: 1) если изображение уже загружено, то будет ли срабатывать ф-ция, установленная на событие load? 2) мне нужно как-то отследить, что изображение не загружено, а событие load вызывается, если изображение загружено. |
для img есть событие "error", которое выскакивает, если картинку загрузить не удалось.
|
FanAizu, для медитации
.error() Устанавливает обработчик ошибки при загрузке элементов (например отсутствие необходимой картинки на сервере) Картинка при загрузке 10 картинок в блоке |
// заменить отсутствующее изображение $('img').error(function(){ $(this).attr('src', 'путь/изображение.jpg'); }); // или удалить отсутствующее изображение $('img').error(function(){ $(this).remove(); }); |
Часовой пояс GMT +3, время: 09:55. |