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%

上一篇下一篇

猜你喜欢

热点阅读