使用Jacklmoore的colorbox预加载图库中的第一个图像

Question

我计划使用jacklmoore的颜色框(http://www.jacklmoore.com/colorbox/)对于照片库，并希望从库中预加载第一张图像（或所有图像，如果可能的话），这样当点击缩略图时，对于慢速互联网或3G连接的用户来说就不会有太长的延迟。

缩略图的分辨率较低，主照片的分辨率是原来的4倍，所以我尽可能节省带宽并提高速度。画廊的大小将在大约3到20张照片之间变化。

Colorbox会预加载"下一张"one_answers"上一张"照片，但似乎不会预加载初始照片。。。有人对此有解决方案或建议吗？

Answer 1

下面是预加载第一个图像的示例。

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