• Страница 1 из 1
  • 1
Форум » uCoz » php скрипты для uCoz » Замена отсутствующих изображений
Замена отсутствующих изображений
Дмитрий Дата: Среда, 08.08.2012, 22:25 | Сообщение # 1 | Сообщить о нерабочей теме


Аватар для Дмитрий

Регистрация:03.12.2011
Страна: Российская Федерация
Репутация:  14
Сообщений: 1421
Награды: 4 +
Статус:


Люди увидевшие без вести пропавшие изображений на вашем веб-сайте, могут считать его абсолютно любительским. К сожалению, иногда изображение удаляются или их ссылки повреждаются без вашего усмотрения. Вы согласились бы со мной, что "красный 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;' // стилизация  
     });  
     });  
});


Скрипт очень прост и удобен в использовании. Просто присваиваем нужный класс к картинке (в которой мы не уверенны что ссылка продержится долго). Так-же можно настроить ширину и высоту изображения или стилизовать для сходства с дизайном.
Пример кода изображения (результат замены вы увидите внизу):

Code
<img src="/img/net-izobrajenia.png" alt="Мой дом" class="noimage" />




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

Code
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"  type="text/javascript"></script>
From Russia With Love!
Форум » uCoz » php скрипты для uCoz » Замена отсутствующих изображений
  • Страница 1 из 1
  • 1
Поиск: