如果流圖片要載入失敗, 就會顯示找不到圖片的裂痕 代碼如下: 圖片目錄: 修改方法 : img標簽src為loading占點陣圖的地址，lay-src為正圖地址，圖片懶載入時會替換src<img src="loadingImg/loading.gif" lay-src="ddd.jpg"> 修改jsl ...
如果流圖片要載入失敗, 就會顯示找不到圖片的裂痕
代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="layui/css/layui.css" media="all">
</head>
<body>
<img lay-src="loadingImg/aaa.jpg">
<img src="loadingImg/bbb.jpg" alt="該圖片不會載入">
<!--ddd.jpg 圖片不存在-->
<img src="loadingImg/ddd.jpg">
<img src="loadingImg/loading.gif" lay-src="ddd.jpg">
<img src="loadingImg/loading.gif" lay-src="loadingImg/aaa.jpg">
<script src="layui/layui.js"></script>
<script type="text/javascript">
var $;
layui.use(['flow', 'jquery'], function () {
var flow = layui.flow;
$ = layui.jquery;
flow.lazyimg();
});
</script>
</body>
</html>
圖片目錄:
修改方法 :
img標簽src為loading占點陣圖的地址，lay-src為正圖地址，圖片懶載入時會替換src
<img src="loadingImg/loading.gif" lay-src="ddd.jpg">
修改js
lay/modules/flow.js 檢索 &&!e.attr("src")
有三種修改方法
1.刪除&&!e.attr("src")
2.改為&&e.attr("lay-src")
3.改為&&!e.attr("lay-src")
修改完成後效果:
註意: 
