Javascript 在加载另一个图像时显示另一个图像

我有一个具有如下背景图像的div：

<div class="carousel-image" 
     style="background: url(img/background.gif) no-repeat center center;">
</div>

---

当我加载我的网页时，当加载我的大background.gif图像时，会出现令人讨厌的第二个空白背景。我如何才能获得一个快速加载的替代图像，并在background.gif图像准备就绪后立即替换它？

您有两种解决方案

您可以使用图像的延迟加载。对于此解决方案，请查看有关stackoverflow的问题：

如果您的图像足够小，您可以使用链接而不是链接到您的图像。这将直接将图像嵌入html代码中，因此无需加载更多内容。以下是有关如何将图像转换为数据URI的说明：

---

第一个解决方案回答了您的问题。第二个没有，但它是同一问题的另一个解决方案。

如果您有代码，希望修改您的代码。请提供一些代码！你想做的就是“图像延迟加载”看看感谢Charles——似乎我可以用它来解决我的问题！似乎惰性加载通常是在一个实例中完成的，它的src被另一个实例替换掉了——我如何通过将style=更改为其他实例来实现这一点？