手机版

关于获得流加载占位图的实现方法

时间:2021-08-20 来源:互联网 编辑:宝哥软件园 浏览:

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

代码如下:

!DOCTYPE html html head meta charset=' UTF-8 ' title title/title link rel='样式表href='layui/css/layui.css' rel='外部no follow ' media=' all '/headdymg lay-src=' http : loading mg/AAA。jpg ' img src=' http :加载mg/BBB。jpg ' alt='该图片不会加载!ddd.jpg图片不存在-img src=' http :加载mg/DDD。jpg ' img src=' http :加载mg/loading。gif ' lay-src=' http : DD。jpg ' img src=' http :加载mg/loading。gif ' lay-src=' http :加载mg/AAA。jpg ' script src=' http 3360 layui/layui。js '/scriptlayui.use(['flow ',' jquery'],function(){ var flow=layui。流量;$=layui.jqueryflow。懒惰mg();});/脚本/正文/html图片目录:

修改方法:

图片标签科学研究委员会为装货占位图的地址层-src为正图地址,图片懒加载时会替换科学研究委员会

img src=' Http :加载mg/loading。gif ' lay-src=' Http : DD。jpg '

修改射流研究…

铺设/模块/flow.js检索!e.attr('src ')有三种修改方法

1.删除!e.attr('src ')

2.改为e.attr('lay-src ')

3.改为!e.attr('lay-src ')

修改完成后效果:

注意

以上这篇关于获得流加载占位图的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。

版权声明:关于获得流加载占位图的实现方法是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。