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

JavaScript, Вопросы и ответы
29 февраля 2012

Вопрос

У меня на странице загружается много однотипных картинок, и некоторые из них могут быть недоступны, как следствие у посетителя вместо картинки отображается соответствующий значок, что выглядит не очень. Как на 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'; });

1 комментарий

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


(обязательно)