ArtShok. Сайтостроение и немного SEO

Уроки и примеры по CSS, jQuery. Советы по монетизации и продвижению сайтов

Rotaban.ru - биржа банерной рекламы


8 апреля 2009

jQuery пример по замене фоновой картинки для отсутствующего изображения

Отсутствующие изображения на вашем сайте могут показать вас или то, что вы предлагаете не с лучшей стороны. Со временем изображения по тем или иным причинам могут быть удалены без вашего ведома. В этом случае браузеры предлагают посетителю альтернативный контент. К несчастью у каждого браузера своё видение того, как этот контент представить и не всегда это выглядит лучшим образом.

jQuery пример, фоновая картинка для отсутствующего изображения

В качестве альтернативного решения можно использовать jQuery и специально подготовленное изображение, которое будет отображаться вместо отсутствующих картинок.

jQuery пример, фоновая картинка для отсутствующего изображения

Создайте изображение, подключите фреймворк и добавьте следующий код:

$(document).ready(function() {
    $('img').error(function() {
        $(this).attr({
        src: 'missing.png',
        style:'border:3px solid #999;width:144px;height:144px;'
        });
    });
});

Автор статьи - Alex Ilin

Рекомендуемые статьи:

Обязательно к использованию:



Комментарии к этой записи


  1. Отличное решение, часто возникают проблемы с картинками когда работаешь с сервером на прямую и перекидываешь там всё с места на место и если раньше пользователи могли увидеть не весь знает что, то теперь будут видеть то что захочу Я :) Спасибо!

    [Ответить]


  2. согласен с dofollow. а то ерунда получается иногда и они видят… фу.. брр

    [Ответить]

Оставить комментарий или два