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

Случается так, что на странице по различного рода причинам могут не загрузиться те или иные изображения. Это негативно сказывается на восприятии контента. Средствами 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';" />