Бывают случаи когда залитые на картинкохранилища или скопированные с сайтов изображения перестают отображаться. Картинку удалили, сайт временно не работает, мало ли чего... С помощью небольшого скрипта можно установить собственное изображение или текст в замен не работающей картинки.

Для начала, если у вас не подключена библиотека jQuery, подключаем, в шаблоне overall_header.html между <head> ... </head> ставим:

Код: Выделить всё

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
Если уже стоит, то ставить не нужно. Если стоит старая версия, можно обновить, просто её заменив.

В шаблоне overall_footer.html перед </body> ставим:

Код: Выделить всё

<script type="text/javascript">
$("img").error(function () {
	$(this).attr("src", "/images/error-img.png");
});
</script>
Адрес изображения меняем на свой.

Можно помимо изображения вывести небольшой текст. Например смайлик и небольшую фразу:

Код: Выделить всё

<script type="text/javascript">
$("img").error(function () {
	$(this).attr("src", "/images/smilies/icon_exclaim.gif").after( document.createTextNode(" Изображение недоступно.") );
});
</script>
Вместо несуществующего изображения будет:
Изображение Изображение недоступно.


В кабинете админа тоже используется данный скрипт, со следующим изображением:
Изображение
Комментарии: 25

southklad 22 сен 2013, 16:46 Сообщение

отличная вещь !!!
  • 0
Изображение

Uzanka 27 сен 2013, 15:54 Сообщение

Ребята, помогите, пожалуйста, с этим скриптом. Я всё сделала как написано, но не работает. Картинку хочется как у вас. Я скачала картинку, вставила код со своим адресом, но ничего не изменилось :(

Вот, что сейчас
http://www.scienceclub.listbb.ru/viewto ... 2226#p2226

Возможно первый скрипт не отрабатывает?
  • 0
Форум Science-Леди www.scienceclub.listbb.ru

southklad 27 сен 2013, 15:57 Сообщение

куда вставили картинку путь проверьте или укажите его полность
  • 0
Изображение

Uzanka 27 сен 2013, 16:14 Сообщение

Я вставила такой код

Код: Выделить всё

<script type="text/javascript">
$("img").error(function () {
   $(this).attr("src", "http://scienceclub.listbb.ru/images/ranks2/scienceclub_listbb_ru/error-img.png");
});
</script>
в футер перед </body>


Адрес картинки правильный :(
  • 0
Форум Science-Леди www.scienceclub.listbb.ru

southklad 27 сен 2013, 16:16 Сообщение

А в Хеадер ???

Код: Выделить всё

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  • 0
Изображение

Uzanka 27 сен 2013, 16:18 Сообщение

igorbond
да, конечно. В хедер этот скрипт перед </head>. Мне кажется, что именно со скриптом какие-то проблемы.
  • 0
Форум Science-Леди www.scienceclub.listbb.ru

Uzanka 27 сен 2013, 16:20 Сообщение

Я его прямо в начало хедера поставила. Вот такое у меня начало:
+начало хедера
  • 0
Форум Science-Леди www.scienceclub.listbb.ru

Uzanka 27 сен 2013, 16:21 Сообщение

Кэш тоже очистила, но толку нет :(
  • 0
Форум Science-Леди www.scienceclub.listbb.ru

CabinetAdmin 27 сен 2013, 16:29 Сообщение

У вас там ссылки с яндекс фоток, там автоматом ставится своё изображение, поэтому скрипт не понимает что изображение нет.

Попробуйте нарочно поставить изображение с неправильным адресом, просто с какого нибудь фотохостинга.
Я у вас в соседней теме, через консоль, удалил часть адреса изображения из вконтакта, скрипт отработал как положено.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

southklad 27 сен 2013, 16:30 Сообщение

Не знаю, у меня работает все
  • 0
Изображение

Uzanka 27 сен 2013, 16:37 Сообщение

CabinetAdmin
igorbond
ОК, спасибо! :Yahoo!: :Yahoo!:
  • 0
Форум Science-Леди www.scienceclub.listbb.ru

GoDFaTHeR 27 сен 2013, 21:18 Сообщение

но есть и минус... к примеру если маленькое изображение не доступно (иконки к форумам или тпа того)
то некогда маленькая картинка станет огромной заглушкой
  • 0
На этом сервисе можно cоздать форум бесплатно
Домены для форума ТУТ

Uzanka 27 сен 2013, 21:27 Сообщение

GoDFaTHeR
Кстати, да. Я что-то об этом не подумала. спасибо :Rose: Надеюсь, что с иконками форума проблем не будет :%)
  • 0
Форум Science-Леди www.scienceclub.listbb.ru

GoDFaTHeR 27 сен 2013, 21:29 Сообщение

Uzanka » менее минуты назад писал(а): Надеюсь, что с иконками форума проблем не будет Замена несуществующих изображений на phpbb с помощью jQuery
не будет, если вы будете держать свои иконки на том же хостинге что и форум
  • 0
На этом сервисе можно cоздать форум бесплатно
Домены для форума ТУТ

Похожие темы