has anyone got to grips with the new Fancybox 3 2017 (not the old v3 beta)
the old code for galleries was as follows
To 'enable' this (ie. gallery), all you need to do is open the page in a wysiwig or notepad and add the following
data-fancybox-group="gallery" within the <a href> of each and every image in your gallery so the code generated by RFF....
<a href="images/gallery/Chrysanthemum.jpg" class="responsive-picture galleryImage fancybox"><picture><img alt="Placeholder Picture" srcset="./images/gallery/Chrysanthemum.jpg"></picture></a
becomes....
<a href="images/gallery/Chrysanthemum.jpg" data-fancybox-group="gallery" class="responsive-picture galleryImage fancybox"><picture><img alt="Placeholder Picture" srcset="./images/gallery/Chrysanthemum.jpg"></picture></a>
the new code is this (from the fancybox website)
/* HTML */
<a class="grouped_elements" rel="group1" href="image_big_1.jpg"><img src="image_small_1.jpg" alt=""/></a>
<a class="grouped_elements" rel="group1" href="image_big_2.jpg"><img src="image_small_2.jpg" alt=""/></a>
<a class="grouped_elements" rel="group2" href="image_big_3.jpg"><img src="image_small_3.jpg" alt=""/></a>
<a class="grouped_elements" rel="group2" href="image_big_4.jpg"><img src="image_small_4.jpg" alt=""/></a>
/* This will create two galleries */
$("a.grouped_elements").fancybox(); .....................etc
Can this be inserted into the RFF code some how?
As you can tell i cant do code otherwise I wouldn't be asking the question!!!!
Any response welcome