Fancybox 和 lazyload 同时存在的问题

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

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

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

使用前:

使用后

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

applek管理员

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

本月创作热力图

最新评论
hui
hui
8月19日
能否支持微信第三方登录啊?
Fiee
Fiee
7月21日
我网站基本上都装了,速度确实有所提升,还免费。我不喜欢白嫖,加你QQ没同意,网站也没有打赏通道 想支持一下的。
小超
小超
7月9日
下个版本考虑将下载地址加密(防止采集)
Lvtu
Lvtu
7月4日
qiang厉害
评论于留言建议
chinacnd
chinacnd
6月26日
这个主题是怎么做到加载速度那么快的?