Бывают случаи когда залитые на картинкохранилища или скопированные с сайтов изображения перестают отображаться. Картинку удалили, сайт временно не работает, мало ли чего... С помощью небольшого скрипта можно установить собственное изображение или текст в замен не работающей картинки.
Для начала, если у вас не подключена библиотека jQuery, подключаем, в шаблоне
Если уже стоит, то ставить не нужно. Если стоит старая версия, можно обновить, просто её заменив.
В шаблоне
Адрес изображения меняем на свой.
Можно помимо изображения вывести небольшой текст. Например смайлик и небольшую фразу:
Вместо несуществующего изображения будет:
Изображение недоступно.
В кабинете админа тоже используется данный скрипт, со следующим изображением:
Для начала, если у вас не подключена библиотека 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
Ребята, помогите, пожалуйста, с этим скриптом. Я всё сделала как написано, но не работает. Картинку хочется как у вас. Я скачала картинку, вставила код со своим адресом, но ничего не изменилось
Вот, что сейчас
http://www.scienceclub.listbb.ru/viewto ... 2226#p2226
Возможно первый скрипт не отрабатывает?
Вот, что сейчас
http://www.scienceclub.listbb.ru/viewto ... 2226#p2226
Возможно первый скрипт не отрабатывает?
Форум Science-Леди www.scienceclub.listbb.ru
Я вставила такой код
в футер перед </body>
Адрес картинки правильный
Код: Выделить всё
<script type="text/javascript">
$("img").error(function () {
$(this).attr("src", "http://scienceclub.listbb.ru/images/ranks2/scienceclub_listbb_ru/error-img.png");
});
</script>
Адрес картинки правильный
Форум Science-Леди www.scienceclub.listbb.ru
А в Хеадер ???
Код: Выделить всё
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
igorbond
да, конечно. В хедер этот скрипт перед </head>. Мне кажется, что именно со скриптом какие-то проблемы.
да, конечно. В хедер этот скрипт перед </head>. Мне кажется, что именно со скриптом какие-то проблемы.
Форум Science-Леди www.scienceclub.listbb.ru
Я его прямо в начало хедера поставила. Вот такое у меня начало:
+начало хедера
Форум Science-Леди www.scienceclub.listbb.ru
Кэш тоже очистила, но толку нет
Форум Science-Леди www.scienceclub.listbb.ru
У вас там ссылки с яндекс фоток, там автоматом ставится своё изображение, поэтому скрипт не понимает что изображение нет.
Попробуйте нарочно поставить изображение с неправильным адресом, просто с какого нибудь фотохостинга.
Я у вас в соседней теме, через консоль, удалил часть адреса изображения из вконтакта, скрипт отработал как положено.
Попробуйте нарочно поставить изображение с неправильным адресом, просто с какого нибудь фотохостинга.
Я у вас в соседней теме, через консоль, удалил часть адреса изображения из вконтакта, скрипт отработал как положено.
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!
CabinetAdmin
igorbond
ОК, спасибо!
igorbond
ОК, спасибо!
Форум Science-Леди www.scienceclub.listbb.ru
но есть и минус... к примеру если маленькое изображение не доступно (иконки к форумам или тпа того)
то некогда маленькая картинка станет огромной заглушкой
то некогда маленькая картинка станет огромной заглушкой
GoDFaTHeR
Кстати, да. Я что-то об этом не подумала. спасибо Надеюсь, что с иконками форума проблем не будет
Кстати, да. Я что-то об этом не подумала. спасибо Надеюсь, что с иконками форума проблем не будет
Форум Science-Леди www.scienceclub.listbb.ru
не будет, если вы будете держать свои иконки на том же хостинге что и форумUzanka » менее минуты назад писал(а): Надеюсь, что с иконками форума проблем не будет Замена несуществующих изображений на phpbb с помощью jQuery
Похожие темы
-
Возможно ли на phpbb устроить редактор изображений в сообщениях. В уже загруженных изображениях? Я не говорю о сложных действиях, но хотя бы о...
-
Здравствуйте.
Нужен простой ббкод для вставки youtube. Искал на просторах все не рабочие может у кого есть в наличии поделитесь пожалуйста.
Версия... -
Расширение позволяющее добавить рекламу на форум phpBB.
Расширение можно скачать на официальном сайте phpbb -
Расширение с правками от...