Shadowbox: Следующая картинка по клику
По-умолчанию shadowbox, при клике на картинку, ничего не делает. Для того чтобы перейти к следующей картинки из группы, нужно нажать маленькую стрелочку внизу, но это же неудобно..
Shadowbox - всплывающий просмоторщик картинок и видео, его оф. сайт тут: http://www.shadowbox-js.com
Предлагаю восстановить справедливость и сделать по-нормальному:
1. Открываем shadowbox.js в редакторе
2. Находим там:
|
0 1 2 |
<div id="sb-body"> |
3. Заменяем на
|
0 1 2 |
<div id="sb-body" onclick="Shadowbox.next()"> |
Вот и все, теперь осталось перезагрузить страницу и попробовать в действии.
P.s. Если хотите чтобы при наведении мышки на картинку был не обычный указатель, а рука (как при наведении на ссылку), тогда добавляем в пункте 3 еще стили, получается:
|
0 1 2 |
<div id="sb-body" onclick="Shadowbox.next()" style="cursor:pointer"> |
И не забывайте делать бэкапы!!! 🙂
--[добавлено 11.02.2016]--
Готовый код для тех кто использует Shadowbox JS плагин в WordPress:
|
0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
$(function(){ if ($("a[rel^='shadowbox']").length) { function runShadowBoxCatcher(){ if (!$("#sb-body").length) { setTimeout(runShadowBoxCatcher, 1000); } else { $("#sb-body").click(function() { Shadowbox.next(); }).css('cursor', 'pointer'); } } runShadowBoxCatcher(); } }); |
Автор: | Рейтинг: / | Теги:
4 комментария
Написать свой