Javascript 如何按顺序加载图像？

我正在开发一个长时间滚动的网站，它有很多完整的高分辨率背景图片。由于默认情况下并行加载所有图像，因此当前加载时间过长

因此，在我自定义写一些东西来加载之前，先加载的是先加载的，后加载的是后加载的（这样一来，第一个滚动条几乎会立即加载，用户在阅读第一部分时会等待剩余部分：p），是否有现成的脚本可以这样做

我正在考虑一些现有的代码，这些代码将读取每个

img

标记或

背景图像

属性/样式属性，并根据图像在HTML上的外观或一些额外属性按顺序加载图像

---

我更喜欢香草JS或jQuery。如果我找不到，我会自己写一个插件，投票/鼓励被接受

我会尝试使用像LazyLoad这样的插件：

---

有一个阈值将开始将图像加载到屏幕外一定数量的像素。这样，当访问者开始向下滚动时，它将开始加载接下来的几个部分。

我创建了一个jQuery插件来实现这一点。过来看！这是一项正在进行的工作，欢迎您发表意见和建议！我从他那里得到了很多

---

您可以在“稍后显示”内容周围加上一个标记，然后在加载时将其弹出（）问题不显示任何努力/尝试。你应该尝试谷歌“惰性加载图像”，显示了几种可能重复@dandavis的技术。我想到了

标记，但这仍然需要编写自定义代码，我试图避免这种情况。@Mauro:最简单的形式，是的。但模板可以发出一个片段，你们可以按照你们认为合适的任何顺序将片段切成小块或大块。谢谢你们的回答。然而，这并不完全是延迟加载。这并不完全是延迟加载，我希望图像按顺序加载，而不是像屏幕上显示的那样。我不是想节省服务器/用户带宽，而是想在前面介绍站点的第一部分。我希望加载它们，因为它们出现在HTML或任意（使用特殊属性或其他）。检查有关问题评论的对话。