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

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

Вы находитесь на блоге "ArtShok. Красивое сайтостроение".
Блог в большей степени посвящен примерам и урокам по CSS, jQuery, AJAX и немного внимания будет уделено продвижению (SEO). Иначе говоря, всему тому, что поможет сделать Ваш сайт более красивым и совершенным.

Машина твоей мечты вместе с Sape!

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

Понравилась статья? Тогда подпишитесь на RSS, чтобы следить за обновлениями!

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

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



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


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

    [Ответить]


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

    [Ответить]

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