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

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

// Заменить изображение
$('').error ( (){
$(this). ('', 'missing.png');
});

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

 

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

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

Запись навигация

Top