Обработка проблем загрузки изображений (jQuery)

Отсутствие нужного изображения на сервере отображается на странице весьма броско и обычно портит ее внешний вид. Поскольку jQuery позволяет обрабатывать это событие, появляется возможность заменить отсутствующую картинку на собственное изображение «картинка отсутствует», которое бы подходило по стилю к вашему сайту. Или можно просто убрать не загруженное изображение со страницы:

// Заменить изображение
$(‘img’).error(function(){
$(this).attr(‘src’, ‘missing.png’);
});

// Или скрыть его
$(«img»).error(function(){
$(this).hide();
});

 

Дополнительно, можно отправить сообщение (методом ajax) об отсутствующей картинке администратору:

$(‘img’).error(function(){
// отправим сообщение на сервер
$.get(‘messageToAdmin.php’, {message:’отсутствует изображение ‘+ $(this).attr(‘src’)});
// заменим картинку
$(this).attr(‘src’, ‘missing.png’);
});