使用 Fancybox 仅加载一个画廊

Question

我的网站使用一张图片来加载图库。在旧版本的 Fancybox 中，您使用 .js 文件来加载图像并且效果很好。使用新的，我必须隐藏图像，并且在用户访问我的网站时加载每个图像。

如何防止这种情况发生？用户应该只加载他们正在访问的图库中的图像。

您可以在这里查看我的网站：http://www.mogm.nl/2011.html

Answer 1

您不必加载隐藏div 上的所有图像（没有用处），只需加载锚点，所以这样：

<div style="display:none">
 <a class="fancybox" rel="Rhodos11" href="http://www.mogm.nl/bilder/2011/rhodos11/rhodos1101.jpg"><img src="http://www.mogm.nl/bilder/2011/rhodos11/rhodos1101.jpg" /></a>
 ... etc

可以简化为：

<div style="display:none">
 <a class="fancybox" rel="Rhodos11" href="http://www.mogm.nl/bilder/2011/rhodos11/rhodos1101.jpg"></a>
 ... etc

这将显着减少加载页面。

另一方面，您始终可以使用ajax 动态加载每个画廊的内容，但无论如何您都必须在隐藏的div 或外部文件中设置对图像的链接引用。如果您更喜欢第二种选择，请告诉我，我会发布一个我已经拥有的脚本。