Fancybox 和 lazyload 同时存在的问题
Fancybox是图片灯箱插件,lazyload是延迟加载插件。如果两个插件一起使用,由于图片延迟加载,所以在只加载了第一张图片的时候,点击第一张图片,弹出灯箱,在灯箱中切换下一张图片,会获取不到延迟加载的图片,可能会获取到站位图片。
解决方法,为延迟加载的图片,添加data-src
属性,属性为图片真实地址。
这样切换的时候,Fancybox优先获取data-src的属性,显示真实图片地址。
使用前:
使用后
版权声明:
作者:applek
链接:https://www.lovestu.com/fancyboxhlazyloadtsczdwt.html
文章版权归作者所有,未经允许请勿转载。
THE END