IMAGE - 替代加载图像？

Question

我不知道它是怎么称呼的，所以谷歌没有给我很好的答案。

如何为尚未加载的图像创建替换图像？

比如图片很大的时候，我想用“正在加载。请稍候”之类的东西来替换它，或者在图片还在加载中并在加载完成后显示？

Answer 1

有一种规范的方法可以做到这一点：

• 拥有一个静态图片“加载中，请稍候”类型。因为是静态的，所以会从缓存中加载
• 将您真正想要显示的图像加载到隐藏 div 上的相同图像节点中
• 图像加载后 (<img onload="..." ...>) 将占位符图像的 DOM 节点替换为预加载的节点。