2019-04-22图片懒加载
2020-03-20 本文已影响0人
公纸晓白
1、在页面中需要引入echo.css和echo.min.js
2、对需要进行延迟加载的图片采用如下写法:
blank.gif :加载中图片 test.jpg:需要加载的图片
<img src="blank.gif" style="width:300px;height:300px;" data-echo="test.jpg" />
3、对插件进行初始化:
echo.init({
offset:1, //离可视区域多少像素的图片可以被加载
throttle:1 //图片延迟多少毫秒加载
});
高度是宽度的30%