CSS 26    CSS3 10    HTML 2    JavaScript 43    Wordpress 3    Блог 10    Инструменты 1    Не советую 1    Полезные ресурсы 4    Счетчики 1    Шпаргалки 6    Зарегистрироваться 293   Войти

Меню

Добро пожаловать, Гость! Вы можете Войти или Зарегистрироваться.

0

Альтернатива отсутствующим изображениям

Jemand 9272 ,
JavaScript

При хранении картинок на удаленных серверах могут возникнуть различные проблемы с их отображением на Вашем сайте, будь то удаление самой картинки или проблемы на сервере. Что бы не показывать пользователям стандартные замены отсутствующих изображений можно использовать следующий скрипт:
1. Подключение jQuery
Скачать саму библиотеку можно здесь, а подключить следующим кодом.

<script type="text/javascript" src="jquery-1.5.min.js"></script>

2. JavaScript
Данный код, как и предыдущий, размещаем в секции <head>.

<script type="text/javascript">
$(document).ready(function() {
	$('img').error(function() {
		$(this).attr({
			src: 'missing.png',  /* Путь до изображения, которое будет заменять отсутствующее */
			style:'border:3px solid #999;width:144px;height:144px;'
		});
	});
});
</script>

3. Изображение

Демо

Рекламная пауза

Оставить комментарий