Блог Клименко Вадима

Главная » 2009 » Август » 27 » Ставим свою картинку для отсутствующих изображений

16:25

Ставим свою картинку для отсутствующих изображений

Отсутствующие изображения на сайте могут показать вас или то, что вы предлагаете не с лучшей стороны. Бывает, что некоторые изображения удаляются без вашего ведома и потом браузеры отображают свое изображение о недоступности картинки. Согласитесь, что в IE стандартный X выглядит ужасно. Так почему бы не использовать свое изображение?
Вот пример. Как видно, второго изображения не существует, поэтому отображается выбранное мною изображение.
Для того, что-бы себе такое поставить, нужно подключить JQuery (в uCoz она подключена) и сразу после него поставить код:

<script type="text/javascript"> $(document).ready(function() { $('img').error(function() { $(this).attr({ src: 'http://vadimklimenko.com/Example/missing-img/no.jpg', style:'border:3px solid #999;width:140px;height:105px;' }); }); }); </script>

http://vadimklimenko.com/Example/missing-img/no.jpg - заменяем на адрес своего изображения
border:3px solid #999;width:140px;height:105px; - настраиваем под себя