html简单图片懒加载js代码
  • 内容
  • 相关

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

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


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




<script src="https://www.oxx0.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>


html简单图片懒加载js代码-下载页面
评论后还是无法显示下载地址?清理缓存-点我试试
热度:1504° 评分:8.7 发布时间: 2019年1月9日

本文标签:

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

本文链接:html简单图片懒加载js代码

发表评论

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