Fancybox 和 lazyload 同时存在的问题

applek • 2021-11-23 • JavaScript, 前端 • 2755 阅读

Fancybox是图片灯箱插件，lazyload是延迟加载插件。如果两个插件一起使用，由于图片延迟加载，所以在只加载了第一张图片的时候，点击第一张图片，弹出灯箱，在灯箱中切换下一张图片，会获取不到延迟加载的图片，可能会获取到站位图片。

解决方法，为延迟加载的图片，添加data-src 属性，属性为图片真实地址。

这样切换的时候，Fancybox优先获取data-src的属性，显示真实图片地址。

使用前:

使用后

版权声明：
作者：applek
链接：https://www.lovestu.com/fancyboxhlazyloadtsczdwt.html
来源：Lovestu
文章版权归作者所有，未经允许请勿转载。

THE END
分享
二维码
海报
Fancybox 和 lazyload 同时存在的问题
Fancybox是图片灯箱插件，lazyload是延迟加载插件。如果两个插件一起使用，由于图片延迟加载，所以在只加载了第一张图片的时候，点击第一张图片，弹出灯箱，在……
<<上一篇
下一篇>>