Как на 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 - это путь до картинки, играющей роль заглушки.





© 2012-2014 Druweb.ru. Вы можете спокойно копировать любые материалы сайта только при наличии обратной ссылки.