jquery.lazyload的使用
2016-03-29 15:02
597 查看
1.引入
2.img处理
3.调用方法,配置参数
<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 像素时提前加载 }); });
相关文章推荐
- 微信自带浏览器被输入法阻挡文本框的 jQuery 解决方法 by FungLeo
- 修改jQuery.validate验证方法和提示信息
- JQuery日历插件My97DatePicker日期范围限制
- jquery eval解析JSON中的注意点介绍
- jquery ajax跨域请求webservice webconfig配置
- jquery cookie用法
- jquery获取节点的时候获取包含自己在内的HTML标签
- jQuery插件tablesorter 表格排序 自定义排序addParser()
- jQuery性能优化
- jquery 解析xml
- jQuery ajax请求返回list数据动态生成input标签,并把list数据赋值到input标签
- 献给和我合作的过得前端童靴们:jquery源码分析--序3
- jQueryUI日期插件的使用
- 手机触摸屏特效javaScript-TouchSwipe(依赖于jQuery库)说明
- jquery autocomplete
- jQuery实现图片加载完成后改变图片大小的方法
- jQuery中自定义简单动画的实现
- 43个有关于Touch事件的jQuery插件
- jQuery插件开发-(function($){...})(jQuery)
- jQuery.dialog