Як на JQuery поставити заглушки для відсутніх зображень

Поширити

Кратенькая замітка про те, як в JavaScript (з використанням бібліотеки JQuery, зрозуміло) автоматично поставити заглушки для відсутніх, тобто неіснуючих / не знайдених на вашому веб-сайті зображень. Дивимося програмний код, який представлений далі.

JavaScript:

jQuery(document).ready(function($) {
$(“img”).error(function () {
$(this).unbind(“error”).attr(“src”, “http://www.druweb.ru/assets/images/blank.png”);
});
$(“img”).error(function () {
$(this).attr(“src”, “http://www.druweb.ru/assets/images/blank.png”);
});
});

HTML, приклад:

<img src=”http://www.druweb.ru/assets/images/no404.svg” />
<img src=”http://www.google.ru/images/srpr/logo11w.png” />
<img src=”http://www.druweb.ru/assets/images/example.jpeg” />

Де, http://www.druweb.ru/assets/images/blank.png – це шлях до картинки, що грає роль заглушки.

Залишити відповідь

Цей сайт використовує Akismet для зменшення спаму. Дізнайтеся, як обробляються ваші дані коментарів.