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

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

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. а то ерунда получается иногда и они видят… фу.. брр

    [Ответить]


  3. чета не работает оно

    [Ответить]

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