Lazyloading背景图片/淡入替换背景图片

Question

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

该代码有效，但问题是存在一个明显的闪光灯，因为maximage幻灯片的background-image src被更改为指向更高质量的图像。

我不知道如何解决这个问题，有没有一种方法来淡出在替换div的背景图像？

感谢您的任何帮助。

Answer 1

你能否以这样的方式编写它：一旦高质量图像加载完成，而不是替换低质量图像，则将高质量插入到DOM中作为隐藏的DIV或类似的东西。

然后，当您在高质量包装DIV（即同时动画）处淡入淡出质量低的包装DIV作为动画完成的回调，分离/隐藏低质量的DIV。尽管如此，这仍然可能会导致某些浏览器/设备闪烁，但我必须设置演示或其他内容才能看到。