建站资源下载详情
为您免费提供多种建站资源下载,包括网站模板下载、前端插件下载和字体下载!您只需注册为会员即可任意下载!

JQuery延迟加载插件lazyload.js

来源:易助科技网浏览量:11收藏

简介


lazyload.js用于长页面图片的延迟加载,视口外的图片会在窗口滚动到它的位置时再进行加载,这是与预加载相反的。它可以提高页面加载速度,在某些情况清晰它也可以帮助减少服务器负载。


JQuery延迟加载插件lazyload.js-示例图



使用


1.  引入 jquery..js 和 lazyload.js 文件


2.  HTML


<img class="lazy" data-original="img/example.jpg" style="margin-top:1000px" height="200">


3.  调用


<script>
  $(function(){
    $("img.lazy").lazyload();
  })
</script>



相关链接


GitHub 地址 : https://github.com/solobat/lazyload