I have question concerning Fancybox 3. I have web page with many (10-15) image galleries each with about 50 images. Each gallery has one picture link on main page. What fancybox use is better/more efficient?:
Using without thumbnails -> thumbnails grid is generated from big size images -> effect: when opening one gallery all big pictures are loaded.
<p> <a href="big.jpg" data-fancybox="images"> <img src="small_thumbnail.jpg" /> </a> </p> <div style="display: none;"> <a href="big_1.jpg" data-fancybox="images"></a> <a href="big_2.jpg" data-fancybox="images"></a> </div>
Using with thumbnails -> thumbnails grid is generated from thumbnail small size images -> effect: when opening main page all thumbnails are loaded without any gallery openning.
<p> <a href="big.jpg" data-fancybox="images"> <img src="small_thumbnail.jpg" /> </a> </p> <div style="display: none;"> <a href="big_1.jpg" data-fancybox="images"> <img src="small_1_thumbnail.jpg"> </a> <a href="big_2.jpg" data-fancybox="images"> <img src="small_2_thumbnail.jpg"></a> </div>