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

Материал из 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');
});

Используемые методы jQuery