Добавление атрибута onError - действительно правильный способ справиться с этим. В вашем случае вы должны добавить что-то вроде:
var myPicture = document.getElementById('MyPicture');
myPicture.onError = errorHandler();
function errorHandler(msg,file_loc,line_num) {
myPicture.src = 'http://www.google.com/intl/en_ALL/images/srpr/logo1w.png';
}
Да, вы можете использовать событие onerror
, для элементов изображения действительно широко поддерживается , например:
var image = document.getElementById('MyPicture');
image.onerror = function () {
alert('error loading ' + this.src);
this.src = 'error.png'; // place your error.png image instead
};
image.src = 'non-existing.jpg';
Посмотрите пример здесь .
Поместите это в тег изображения:
onError="image_error(this.id)"
, который передаст идентификатор изображения в функцию image_error .... да