图片延迟加载代码echo.js

凤凰学院整理发布

2020-06-08

首先下载echo.min.js
 
一:在网页头head调用echo.min.js
<script src="echo.min.js"></script>
 
二:在网页底部</body>前插入代码
  <script>
  echo.init({
    offset: 100,
    throttle: 250,
    unload: false,
    callback: function (element, op) {
      console.log(element, 'has been', op + 'ed')
    }
  });
 
  // echo.render(); is also available for non-scroll callbacks
  </script>
 
三:在页面调用图片中使用以下格式
<img src="" data-echo="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" />