lazyload.js

lazyload.js用于长页面图片的延迟加载,视口外的图片会在窗口滚动到它的位置时再举行加载,这是与预加载相反的。  lazyload.js优点: 它可以提高页面加载速率; 在某些情形清晰它也可以辅助削...

lazyload.js用于长页面图片的延迟加载,视口外的图片会在窗口滚动到它的位置时再举行加载,这是与预加载相反的。 


lazyload.js优点:

  • 它可以提高页面加载速率;
  • 在某些情形清晰它也可以辅助削减服务器负载。

 

lazyload.js安装:

bower安装:

bower install jquery.lazyload

npm安装:

npm install jquery-lazyload  

lazyload.js使用:

lazyload依赖与jquery。以是先引入jquery和lazyload

<script src="jquery.js"></script>
<script src="jquery.lazyload.js"></script>

1.将图片路径写入data-original属性
2.给lazyload的图片增添一个名为lazy的class
3.选择所有要lazyload的图片(img.lazy),执行lazyload();

<img class="lazy" data-original="img/example.jpg" style="margin-top:1000px" height="200">
<script>
    $(function(){
        $("img.lazy").lazyload();
    })
</script>


思源资源网:分类流动

1.阿里云: 本站现在使用的是阿里云主机,平安/可靠/稳固。点击领取2000米代金券、领会最新阿里云产物的种种优惠流动点击进入

2.腾讯云: 提供云服务器、云数据库、云存储、视频与CDN、域名等服务。腾讯云各种产物的最新流动,优惠券领取点击进入

3.广告同盟: 整理了现在主流的广告同盟平台,若是你有流量,可以作为参考选择适合你的平台点击进入

链接: http://www.fly63.com/nav/1542

  • 发表于 2021-02-20 09:06
  • 阅读 ( 204 )
  • 分类:互联网

0 条评论

请先 登录 后评论
七哥
七哥

739 篇文章

你可能感兴趣的文章

相关问题