How to make implement fancybox?

V

Vasyl Boyko2016-11-16 12:21:49

css

Vasyl Boyko, 2016-11-16 12:21:49

How to make implement fancybox?
Here I sketched the necessary markup: https://jsfiddle.net/z49qro5q/
when you click on the photo preview, it appears enlarged in the upper block.
Now fancybox works only on this main photo, but you need to connect fancybox to all photos so that they scroll in a circle

Reply

Answer the question

In order to leave comments, you need to log in

2 answer(s)

T

tommy_13, 2016-11-16
@tommy_13

add the rel="pic-group" attribute to the desired links

S

Sergey, 2016-11-16
@Shull

Just the other day I started translating the readme of the latest version of Fancybox. So:
If you have a set of related elements that you want to group, put "group name" in `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>