Fancybox 和 lazyload 同时存在的问题

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

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

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

使用前:

使用后

上一篇 CorePress使用插件的方式添加文章和页面模板
下一篇 论WordPress的单例模式,和更好的初始化方法
目录
applek

applek管理员

个人说明在个人中心里面设置

本月创作热力图

最新评论
小超
小超
7月9日
下个版本考虑将下载地址加密(防止采集)
Lvtu
Lvtu
7月4日
qiang厉害
评论于留言建议
chinacnd
chinacnd
6月26日
这个主题是怎么做到加载速度那么快的?
风起云涌
风起云涌
6月17日
前台投稿现在有点太抽象了 希望可以弄成那种分区填写的 标题,内容,图片,目录,标签,这样的
评论于留言建议