javascript - 如何更改图像加载顺序（适用于灯箱）

Question

我有一个包含很多图像（缩略图）的页面。您应该能够通过 Lightbox 扩展图像。我需要鼓励浏览器在任何其他图像（缩略图）之前将图像加载到灯箱中。

我记得一些关于如何影响浏览器加载机制的文章（我找不到了）（使用不同的子域来允许另一个线程），但我想知道是否可能有其他选项（即无需额外子域）。

为了澄清这个问题：

示例（我希望它如何表现）

• 我访问页面
• 我点击第三张图片缩略图
• 显示第三张图片（正在加载剩余的缩略图）

示例（它现在的行为方式）

• 我访问页面
• 我点击第三张图片缩略图
• 显示一个旋转的轮子，直到加载所有缩略图
• 显示第三张图

有没有关于这个问题的教程/论文/观点？

Answer 1

刚刚在我的自定义队列管理器中使用 jQuery$('<img>').attr('src', ...)来限制浏览器以 1×1 的方式加载图像，从而能够加载可能显示在页面上的其他图像（如灯箱中的图像）。