Ставим свою картинку для отсутствующих изображений
27.08.2009 Другое 0
Отсутствующие изображения на сайте могут показать вас или то, что вы предлагаете не с лучшей стороны. Бывает, что некоторые изображения удаляются без вашего ведома и потом браузеры отображают свое изображение о недоступности картинки. Согласитесь, что в 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; - настраиваем под себя :)

Оригинал: Use Custom Missing Image Graphics Using jQuery


Комментариев нет
Добавить комментарий [Вход]:
дизайны потолков. petzl