lazyload.js用于长页面图片的延迟加载,视口外的图片会在窗口滚动到它的位置时再举行加载,这是与预加载相反的。
bower安装:
bower install jquery.lazyload
npm安装:
npm install jquery-lazyload
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