html简单图片懒加载js代码

  • 内容
  • 相关

当网页图片太多时,网页加载就会变慢,这时候如果有延迟加载图片就可以提升网页加载速度。。

我们只需要在img图片代码部分修改成如下所示:

src='https://ws3.sinaimg.cn/large/005BYqpgly1fycavmvp0yg301o01owea.jpg' data-echo='你的图片地址"' width=100% height=auto alt="" />
接着在网页底部footer里面加入一下js即可。。


<script src="https://www.wuiso.com/js/echo.js"></script>
<script>
echo.init({
  offset: 100,
  throttle: 250,
  unload: false,
  callback: function (element, op) {
    console.log(element, 'has been', op + 'ed')
  }
});// ***图片懒加载***//
</script>

热度:155° 评分:4.5 发布时间: 2019年1月9日

本文标签:

版权声明:若无特殊注明,本文皆为《小洋vier》原创,转载请保留文章出处。

本文链接:html简单图片懒加载js代码 - https://www.wuiso.com/post-1224.html

发表评论

电子邮件地址不会被公开。 必填项已用*标注