Не раз уже думал, что было бы полезно поставить на сайт галерею, чтоб не приходилось кликать на каждое изображение, а потом закрывать окно - чтоб кликнуть на второе, третье и тд, что очень неудобно. О стандартном плагине для увеличения изображений (ulightbox) я знал уже давно, только мне нужно было нечто подобное - но со стрелками, то есть чтоб увеличив одно изображение - сразу можно было перелистывать другие прикрепленные картинки. Но ставить какую-то стороннюю галерею не охота было, т.к это лишняя нагрузка на сайт.
И тут на каком-то сайте явно на движке
uCoz, обнаружил нечто внешне крайне похожее на
ulightbox - но как раз с необходимыми мне стрелками. Я думал что это просто похожая галерея, но оказалось что это как раз стандартная. И в чем ее плюс - то что ничего не нужно устанавливать, никаких сторонних скриптов и тд. Единственное что нужно, обнести все имеющиеся картинки ссылками, и кроме
класса="ulightbox", вставить в каждую
data-fancybox-group="screens".
Вот пример:
Код
<a href="http://полное-изображение-1" data-fancybox-group="screens" class="ulightbox">
<img src="http://уменьшенное-изображение-1">
</a>
<a href="http://полное-изображение-2" data-fancybox-group="screens" class="ulightbox">
<img src="http://уменьшенное-изображение-2">
</a>
<a href="http://полное-изображение-3" data-fancybox-group="screens" class="ulightbox">
<img src="http://уменьшенное-изображение-3">
</a>
..... и так далее.
Таким образом, кликнув на любое из этих изображений, откроется "
лайтбокс" где можно будет его рассмотреть подробней и увеличить до оригинального размера, и прямо там же - перелистнуть на следующие изображения из этой группы.
Не обязательно чтоб все картинки были в одном месте, как в примере. Они могут быть в самых разных местах на странице, и их может быть сколько угодно, а не три. Вот и все, штука простая - но очень полезная как по мне.