Замена не найденных изображений

Зачастую на сайтах появляются проблемы с не найденными изображениями, чаще всего когда мы вставляем картинки по ссылкам с других сайтов. Бороться с такими изображениями по одиночке достаточно проблематично, но необходимо, а до тех пор пока такие картинки не будут «пофиксины» можно поставить вместо стандартных заглушек свои.

Для этого можно использовать следующий jquery сниппет:

1
2
3
$('img').error(function(){
     $(this).attr('src', 'broken.png');
});
Для работы сниппета необходима подключенная библиотека jQuery.

Чтобы оставаться в курсе свежих статей и уроков подписывайтесь на еженедельную почтовую рассылку или на новостную ленту RSS. Спасибо!