使用layui的图像懒惰加载,未加载的图像发现loading不占位图,显示破图,看不清楚。 我找到了一些解决方法。 汇总记录。
layui图像懒惰加载的使用方法
la yui.use (流),功能) )。
var flow=layui.flow;
//令人不安的自行车对页面中所有具有lay-src的img元素执行打开懒惰加载的方法。 当然,也可以指定相关的img )。
flow.lazyimg (;
);
如何实现加载位图
img标记src是loading占据位图的地址,lay-src是正图地址,如果图像懒惰加载,它将替换src
修正js
lay/modules/flow.js搜索! e.attr(src ) )。
修改方法有三种
1 .删除! e.attr(src ) )。
2 .改为2.e.attr(lay-src ) )
更改为3 . e.attr(lay-src ) )。
我还尝试了我在这里使用的第二个其他东西,可以实现。 请自己测试
提供一些loading.gif