Альтернатива отсутствующим изображениям
Если Вы храните изображения на удаленных серверах, они могут быть удалены без Вашего ведома. В этом случае на сайте будут либо пустые места, либо стандартные замены различных браузеров, что совсем не хорошо. В этом случае нам на помощь приходит следующая инструкция:
Для начала нужно скачать и загрузить себе на сайт библиотеку jQuery.
Далее нужно подключить данную библиотеку к своей странице, для этого добавляем между <head> и </head> следующий код:
Код:
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>В этом примере предполагается, что библиотека jQuery лежит в той же папке что и сама страница на которую она подключается.
Сразу после строки, которой подключали библиотеку, добавляем JS код:
JavaScript:
<script type="text/javascript">
$(document).ready(function() {
$('img').error(function() {
$(this).attr({
src: 'missing.gif', /* Путь до изображения, которое будет заменять отсутствующее */
style:'border:3px solid #ccc;width:144px;height:144px;'
});
});
});
</script>На завершающем этапе нам понадобится изображение, которое будет замещать отсутствующее. Я взял такое:
Собственно это все, что нам нужно, то что получится можно посмотреть здесь.
Кстати, скрипт работает только с абсолютными путями.
При оставлении комментария, пожалуйста, воздержитесь от написания ссылок на сторонние ресурсы. Все комментарии фильтруются как плагинами так и вручную. Не тратьте своё и моё время.
Спасибо за понимание!
спасибо, помогло! Пол дня решение искал