Как заменить “сломанное” изображение?

Случается так, что на странице по различного рода причинам могут не загрузиться те или иные изображения. Это негативно сказывается на восприятии контента. Средствами JavaScript мы можем заменить такие изображения, какими-то заглушками.

Напишем функцию обработчик события onError:

function imgError(image) {
    image.onerror = "";
    image.src = "/images/noimage.gif";
    return true;
}

Воспользуемся нашей функцией, указав её в атрибуте onerror элементов img.

<img src="image.png" onerror="imgError(this);"/>

Или вариант без использования целой функции:

<img src="image.png" onError="this.onerror=null;this.src='/images/noimage.gif';" />

Данный урок подготовлен для вас командой сайта ruseller.com
Источник урока: http://stackoverflow.com/questions/92720/jquery-javascript-to-replace-broken-images
Перевел: Станислав Протасевич
Урок создан: 30 Апреля 2016
Просмотров: 6689
Правила перепечатки


5 последних уроков рубрики "jQuery"

^ Наверх ^