jquery - JQuery，按顺序加载图像

Question

我在我的照片博客中使用了 Colorbox、Masonry 和 Infinite-scroll。一切正常，但我想让它工作得更好......

我加载了一个链接到一些隐藏的 div 的缩略图列表，其中包含我用颜色框显示的更大的图像。像这样的东西：

<a href="colorbox"><img thumbnail></a>
<hidden div><img bigger image></div>

所有缩略图都由 Masonry 排序，问题是我必须先加载所有较大的图像，然后 Masonry 才能对缩略图进行排序！有没有办法只在 colorbox 调用之后加载更大的图像？

该网站是这样的：http ://www.photocracy.eu/

Answer 1

我以这种方式解决了：我使用<img rel="url">而不是生成页面的 html <img src="url">。当我必须加载大图像时，我将 src 替换为 rel 参数。通过这种方式，浏览器不会加载所有图像，而只会加载我想要加载的图像。