+ +

Простая, зато стандартная - галерея для uCoz

Простая, зато стандартная - галерея для uCoz
Цена: БЕСПЛАТНО
Просмотров: 563
Добавлено: 09.02.2016
Контакты: Автор (VK) (Онлайн)
Файл добавил: Alan_Writer
Архив шаблона: ОТСУТСТВУЕТ
Демо: НЕТУ
Информация о материале
Не раз уже думал, что было бы полезно поставить на сайт галерею, чтоб не приходилось кликать на каждое изображение, а потом закрывать окно - чтоб кликнуть на второе, третье и тд, что очень неудобно. О стандартном плагине для увеличения изображений (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>
..... и так далее.

Таким образом, кликнув на любое из этих изображений, откроется "лайтбокс" где можно будет его рассмотреть подробней и увеличить до оригинального размера, и прямо там же - перелистнуть на следующие изображения из этой группы.

Не обязательно чтоб все картинки были в одном месте, как в примере. Они могут быть в самых разных местах на странице, и их может быть сколько угодно, а не три. Вот и все, штука простая - но очень полезная как по мне.

Теги: стандартная, Lightbox, галерея
Комментарии (2)
avatar
2
К, примеру:
Код
<a href="$IMG_URL1$" data-fancybox-group="screens" class="ulightbox">  
<img src="$IMG_URL1$" width="250" height="250">  
</a>  
<a href="$IMG_URL2$" data-fancybox-group="screens" class="ulightbox">  
<img src="$IMG_URL2$" width="250" height="250">  
</a>  
<a href="$IMG_URL3$" data-fancybox-group="screens" class="ulightbox">  
<img src="$IMG_URL3$" width="250" height="250">  
</a>
avatar
1
попробую вставить $IMG_URL1$ и тд