在我的网站上，我有多个正在使用FancyBox打开的画廊。结构为：显示画廊中的一张照片，单击它会打开fancybox，并以fancybox模态浏览该画廊中的照片。
代码是：显示主照片
<li><a id="some_id" class="grouped_elements" rel="some_rel" href="some_href"><img src=""></a></li>
然后，具有“ rel”属性的照片属于该画廊：
<li><a id="some_id" style="display:none;" class="grouped_elements" rel="some_rel" href="some_href"><img src=""></a></li>
在属于该画廊的照片上，我放置了“ display：none;”。因此它们不会显示在页面上，而只会在您通过单击主照片打开fancybox时显示。
这行得通，但是问题是我有很多照片，页面加载时间真的很长，所以有没有办法防止加载“ display：none”的照片，使其在打开某些图库后加载？
编辑：忘了提，我正在使用fancybox 2.1.5
我建议使用AJAX调用来获取用户请求的图库/图像。这将是异步的，并且不会影响页面加载。收到成功的完整响应后，您可以使用响应数据初始化$（）。fancybox（）
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句