Ставим свою картинку для отсутствующих изображений
27.08.2009 в 16:25
Другое
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