延迟加载背景图像/淡出取代背景图像

Lazyloading Background Images / FadeIn replacing Background-image

本文关键字：背景图像取代淡出延迟加载更新时间：2023-09-26

我正在构建一个使用Maximage jquery插件运行背景图像幻灯片的网站。由于图像的大小，我决定尝试实现一种惰性加载方法，即在后台下载高质量的图像来替换低质量的图像。

代码可以工作，但问题是，当maximage幻灯片的background-image src被更改为指向更高质量的图像时，会出现明显的闪光。

我不知道如何解决这个问题，是否有一种方法来fadeIn取代一个div的背景图像?

谢谢你的帮助

你能不能这样写，一旦高质量的图像完成加载，而不是替换低质量的图像，插入高质量的DOM作为一个隐藏的div或类似的东西

然后淡出低质量包装器DIV，就像你淡出高质量包装器DIV一样。同时动画)在回调动画完成时，分离/隐藏低质量的DIV。这可能仍然会导致一些浏览器/设备闪烁，虽然，我必须设置一个演示或其他东西来看看。