Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 3.138.175.10
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
Замена отсутствующих изображений
Сообщение оставлено 25.06.2011 в 12:37:30 | Сообщение #1


Люди увидевшие без вести пропавшие изображений на вашем веб-сайте, могут считать его абсолютно любительским. К сожалению, иногда изображение удаляются или их ссылки повреждаются без вашего усмотрения. Вы согласились бы со мной, что "красный 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>
 
 
   
Сообщение оставлено 25.06.2011 в 14:19:18 | Сообщение #2
ну неплохо чо
 
 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика