使用Fancybox 3图片库是否有缩略图？

Question

我有关于Fancybox 3的问题。我有很多(10-15)图片库的网页，每个图片库都有大约50张图片。每个图片库在主页上都有一个图片链接。哪些fancybox使用更好/更有效？：

1. 使用没有缩略图的->缩略图网格是从大尺寸图像生成的，->效果:当打开一个图库时，所有的大图片都被加载。
2. 使用缩略图，->缩略图网格是由缩略图小尺寸图像生成的，->效果:当打开主页时，所有缩略图都加载，没有任何图片库打开。

Answer 1

您还有另一个选项--使用data-thumb属性存储自定义缩略图。示例：

  <a href="big-image.jpg" data-fancybox="images"
     data-thumb="small-image.jpg"></a>

这个演示- http://codepen.io/fancyapps/pen/yMxzvE?editors=1010 FYI，这可以是任何元素，它没有必要成为<a>。

如果您不想为每个图库项目创建元素，但您可以编写一些JS，那么另一个选项是在数组中存储图片库项，并在instance.addContent()回调中使用onInit方法填充当前图库，请参阅此演示- https://codepen.io/anon/pen/GbradR?editors=1010或更通用的- https://codepen.io/anon/pen/Gbraep?editors=1010。