V
V
Vasyl Boyko2016-11-16 12:21:49
css
Vasyl Boyko, 2016-11-16 12:21:49

How to make implement fancybox?

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

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>

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question