Fancybox 和 lazyload 同时存在的问题

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

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

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

使用前:

使用后

THE END