Для вебмастера » DLE - DataLife Engine → Замена отсутствующих изображений

Добавил madjesty | 2-04-2011, 18:57 | Мнений: 0 | Заглянули 2412

Люди увидевшие без вести пропавшие изображений на вашем веб-сайте, могут считать его абсолютно любительским. К сожалению, иногда изображение удаляются или их ссылки повреждаются без вашего усмотрения. Вы согласились бы со мной, что "красный x в IE (по умолчанию)" выглядит ужасным, итак, почему бы не использовать ваше собственное недостающее графическое изображение?

$(document).ready(function() {

$('img.noimage').error(function() { // установка html тега и пути до класса картинки

$(this).attr({
src: '/img/image.jpg', // путь к картинке
alt: 'Жаль! Это изображение не доступно!', // комментарий

style:'border: 1px solid #f00;width:30px;height:28px;' // стилизация
});
});
});

Скрипт очень прост и удобен в использовании. Просто присваиваем нужный класс к картинке (в которой мы не уверенны что ссылка продержится долго). Так-же можно настроить ширину и высоту изображения или стилизовать для сходства с дизайном.
Пример кода изображения (результат замены вы увидите внизу):
<img src="/img/net-izobrajenia.png" alt="Мой дом" class="noimage" />

Не забываем подключить jquery кодом ниже в /head сайта:

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

Похожие новости:

Как уникализировать Dle шаблон

Всплывающие окна jQuery

Оригинальная 3D галерея через плагин Waterwheel Carousel на jQuery 1.5

Эффект отгибающегося уголка страницы с помощью JQuery

ЮзерБар для Ucoz v 1.0