Как на JavaScript определить, что картинка не загрузилась?

Вопрос

У меня на странице загружается много однотипных картинок, и некоторые из них могут быть недоступны, как следствие у посетителя вместо картинки отображается соответствующий значок, что выглядит не очень. Как на JavaScript, возможно, с использованием jQuery, определить, что картинка не смогла загрузится, а затем заменить её адрес на другой?

Ответ №1

Ты ищешь такое событие, как onError для изображения. Его обработать можно и без jQuery, на чистом JavaScript:

function ImgError(source){
source.src = "broken.gif";
source.onerror = "";
return true;
}
<img src="someimage.png" onerror="ImgError(this);"/>

Однако, можно это сделать и с jQuery:

$(''img'').one(''error'', function() { this.src = ''broken.gif''; });

No responses yet

Добавить комментарий