jquery.lazyload的使用

  1. 云栖社区>
  2. 博客>
  3. 正文

jquery.lazyload的使用

桃子红了呐 2017-01-01 14:58:00 浏览406
展开阅读全文

1.引入

<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.lazyload.js" type="text/javascript"></script>

2.img处理

<img class="lazy" data-original="img/example.jpg">

3.调用方法,配置参数

$(document).ready(function(){
        $("img.lazy").lazyload({
            effect : "fadeIn",
            failure_limit : 1000,
            threshold : 2000 // 默认情况下图片会出现在屏幕时加载. 如果你想提前加载图片, 可以设置threshold 选项, 设置 threshold 为 200 令图片在距离屏幕 200 像素时提前加载
        });
});

网友评论

登录后评论
0/500
评论
桃子红了呐
+ 关注