jquery.lazyload的使用

简介:

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 像素时提前加载
        });
});

相关文章
|
8月前
|
Web App开发 设计模式 JavaScript
jquery详解
jquery详解
32 0
|
7月前
|
Web App开发 JavaScript 前端开发
什么是jQuery
什么是jQuery
30 0
|
JSON JavaScript 数据格式
jQuery_02
jQuery_02
55 0
|
机器学习/深度学习 存储 JSON
Jquery
介绍Jquery
|
JavaScript
jquery 的使用
jquery 的使用
75 0
|
JavaScript
jquery效果-20
jquery效果-20
103 0
jquery效果-20
|
前端开发 JavaScript
|
JSON JavaScript 前端开发
Jquery就是这么简单
什么是Jquery? Jquey就是一款跨主流浏览器的JavaScript库,简化JavaScript对HTML操作 就是封装了JavaScript,能够简化我们写代码的一个JavaScript库 为什么要使用Jquery? 我觉得非常重要的理由就是:它能够兼容市面上主流的浏览器,我们学习AJAX就知道了,IE和FireFox获取异步对象的方式是不一样的,而Jquery能够屏蔽掉这些不兼容的东西.
1718 0
|
JSON JavaScript 前端开发
|
JavaScript 前端开发 API