layui flow loading占位图实现方法

 如果流图片要加载失败, 就会显示找不到图片的裂痕

layui flow loading占位图实现方法_第1张图片

代码如下: 




    "UTF-8">
    Title
    "stylesheet" href="layui/css/layui.css" media="all">



"loadingImg/aaa.jpg">
"loadingImg/bbb.jpg" alt="该图片不会加载">

"loadingImg/ddd.jpg">
"loadingImg/loading.gif" lay-src="ddd.jpg">
"loadingImg/loading.gif" lay-src="loadingImg/aaa.jpg">




 

图片目录: 

layui flow loading占位图实现方法_第2张图片

修改方法 :

img标签src为loading占位图的地址,lay-src为正图地址,图片懒加载时会替换src

修改js
lay/modules/flow.js 检索 &&!e.attr("src")
有三种修改方法
1.删除&&!e.attr("src")
2.改为&&e.attr("lay-src")
3.改为&&!e.attr("lay-src")

 

 修改完成后效果: 

layui flow loading占位图实现方法_第3张图片

 

 注意:  

 

你可能感兴趣的:(layui flow loading占位图实现方法)