使用jacklmoore的颜色框在图库中预加载第一张图像

Question

我打算将jacklmoore的颜色框（http://www.jacklmoore.com/colorbox/）用于照片库，并希望从图库中预加载第一张图片（或所有图片，如果可能的话），这样当点击缩略图时就不会用户在慢速上网或3G连接时延迟。

缩略图的分辨率较低，主要照片大4倍，因此我尽量节省带宽并提高速度。图库大小将在大约3到20张照片之间变化。

Colorbox会预先加载“下一张”和“之前的”照片，但似乎没有拍摄初始照片......是否有人对此有解决方案或建议？

Answer 1

以下是预加载第一张图片的示例。

var firstSrc = $('a.example').colorbox().first().attr('href');
var img = new Image;
img.src = firstSrc;