Люди увидевшие без вести пропавшие изображений на вашем веб-сайте, могут считать его абсолютно любительским. К сожалению, иногда изображение удаляются или их ссылки повреждаются без вашего усмотрения. Вы согласились бы со мной, что "красный x в IE (по умолчанию)" выглядит ужасным, итак, почему бы не использовать ваше собственное недостающее графическое изображение?
Установка:
Code
$(document).ready(function() { $('img.noimage').error(function() { // установка html тега и пути до класса картинки $(this).attr({ src: '/img/image.jpg', // путь к картинке alt: 'Жаль! Это изображение не доступно!', // комментарий style:'border: 1px solid #f00;width:30px;height:28px;' // стилизация }); }); });
Скрипт очень прост и удобен в использовании. Просто присваиваем нужный класс к картинке (в которой мы не уверенны что ссылка продержится долго). Так-же можно настроить ширину и высоту изображения или стилизовать для сходства с дизайном. Пример кода изображения (результат замены вы увидите внизу):
Вы сейчас просматриваете Замена отсутствующих изображений. Данный файл находится в категории Скрипты для ucoz. Чтобы увидеть другие файлы из этой категории, перейдите по этой ссылке: Скрипты для ucoz. Для того чтобы скачать Замена отсутствующих изображений нажмите на кнопку СКАЧАТЬ ФАЙЛ выше. Надеемся вам понравился файл Замена отсутствующих изображений и пригодился. По всем вопросам обращайтесь в чат на сайте или к администрации.
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи. [ Регистрация | Вход ]