文档准备好后如何将fancybox图像加载到浏览器缓存中？

【问题标题】：How to load fancybox images into browser cache after document ready?文档准备好后如何将fancybox图像加载到浏览器缓存中？
【发布时间】：2011-07-23 15:49:49
【问题描述】：

我有一个包含十个锚定缩略图和一些事实的列表，当您单击缩略图时，Fancybox 窗口中会弹出一个整页图表。当您第一次单击任何特定缩略图时，将图像加载到缓存中时会出现延迟。

如何将链接中的所有图像预加载到浏览器缓存中，以便它们在第一次被点击时立即弹出到 Fancybox 中？

【问题讨论】：

标签： javascript jquery fancybox browser-cache document-ready

【解决方案1】：

您可以通过创建一个不可见的 div 并包含 Fancybox 所需的所有图像来做到这一点。当 doc 确定准备好时，您创建这个 div。

<div style="display:none;">
    <img src="..." />
</div>

【讨论】：

谢谢，这是个好主意，而且效果很好！我正在使用 $(window).load(function(){$('
') .appendTo("body");});在所有页面元素加载后附加 div。现在下一个问题是如何让这个函数动态抓取所有带有.fancybox类的anchors内的href，然后在要追加的html列表中添加另一个？