我的网站使用一张图片来加载图库。在旧版本的Fancybox中，您使用.js文件来加载图像，并且工作正常。使用新的图像时，我必须隐藏图像，并在用户访问我的网站时加载每个图像。
我该如何预防？用户应该只加载他们正在访问的图库中的图像。
您可以在此处查看我的网站：http://www.mogm.nl/2011.html
答案 0 :(得分：0)
您不必加载隐藏的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内部设置图像的链接引用，或者外部文件。如果你更喜欢第二个选项，请告诉我，我会发布一个我已经拥有的脚本。