Макеты
  • EXMO affiliate program
  • Выгодный курс обмена валюты
  • Здесь может быть Ваш текст или баннер номер №3...
    Пишите Свободно

NEW: 
Замена отсутствующих изображений



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


Cкриншоты:



Выгодный курс обмена валюты

Категория: Ucoz | Добавил: ♔Ďęŕჳҝuŭ♔ | Теги: Замена отсутствующих изображений uc Замена отсутствующих изображений Замена отсутствующих изображений uc

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

Имя *:
Email *: