gpt4 book ai didi

javascript - 延迟加载背景图像/淡入替换背景图像

转载 作者:行者123 更新时间:2023-11-28 09:14:03 25 4
gpt4 key购买 nike

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

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

我不知道如何解决这个问题,有没有办法用 fadeIn 替换 div 的背景图像?

感谢您的帮助。

最佳答案

您可以这样编写吗:一旦高质量图像加载完成,而不是替换低质量图像,而是将高质量图像作为隐藏的 DIV 或类似的东西插入到 DOM 中。

然后,当您淡入高质量包装 DIV(即同步动画)时,淡出低质量包装 DIV 作为动画完成的回调,分离/隐藏低质量 DIV。不过,这可能仍然会导致某些浏览器/设备中出现闪烁,我必须设置一个演示或其他东西才能看到。

关于javascript - 延迟加载背景图像/淡入替换背景图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15893586/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com