Как сделать реализовать fancybox?

Question

[Василь Бойко]

Как сделать реализовать fancybox?
Вот набросил нужную разметку: https://jsfiddle.net/z49qro5q/
при клике на превью фотки, она появляется в увеличенном виде в верхнем блоке.
Сейчас fancybox работает только на этой главной фотке, а нужно подключить fancy на все фотки, чтобы они листались по кругу

Answer 1

[tommy_13]

добавить атрибут rel="pic-group" по нужным ссылкам

Comments

[Василь Бойко]

но у меня для того, чтобы увеличилось фото в fancybox нужно задать класс gallery, и если задаю этот класс ко все превью, то при клику включается fancy, и срабатывает скрипт, который "переносит" фотку сверху, в большой div. а нужно чтобы при клику снизу фенси бокс не срабатывал

Answer 2

[Сергей]

Буквально на днях начал переводить readme последней версии Fancybox. Итак:
Если у вас есть набор связанных элементов, который вы хотите сгруппировать, всуньте в `rel` "групповое имя":

<a href="large_1.jpg" class="fancybox" rel="gallery" title="Sample title 1"><img src="small_1.jpg" /></a>
<a href="large_2.jpg" class="fancybox" rel="gallery" title="Sample title 1"><img src="small_2.jpg" /></a>

Comments

[Василь Бойко]

но у меня для того, чтобы увеличилось фото в fancybox нужно задать класс gallery, и если задаю этот класс ко все превью, то при клику включается fancy, и срабатывает скрипт, который "переносит" фотку сверху, в большой div. а нужно чтобы при клику снизу фенси бокс не срабатывал