jquery 懒加载插件jquery.lazyload.js
来源:互联网 发布:西西软件手机版 编辑:程序博客网 时间:2024/05/20 06:25
懒加载插件 jquery.lazyload.js
打开一个页面,有很多图片,不可能一次加载完毕,而是滚动到哪个位置再进行加载,这是用来做性能优化的。
1.导入JS插件(前提有 jquery.lazyload.js 文件)
<script src="js\jquery.lazyload.js" type="text/javascript"></script>
2. 需要进行懒加载的图片上要添加选择器:lazy
然后添加方法:lazyload()
$("img.lazy").lazyload();
3.设置敏感度区域
插件提供了 threshold 选项
$("img").lazyload({ threshold : 200 })
将临界值定为 200, 当可视区域离图片还有 200 个象素的时候开始加载图片
参数:threshold,值为数字,代表页面高度.如设置为200,表示滚动条在离目标位置还有200的高度时就开始加载图片,可以做到不让用户察觉.
4. 还有涉及到 高级应用,触发事件,多参数等等。
如:图片加载时的渐变效果:
$("img.lazy").lazyload(){ effect:"fadeIn";}
0 0
- jquery 懒加载插件jquery.lazyload.js
- jQuery延迟加载(懒加载)插件 – jquery.lazyload.js
- jQuery延迟加载(懒加载)插件 – jquery.lazyload.js
- jQuery延迟加载(懒加载)插件 – jquery.lazyload.js
- jQuery延迟加载(懒加载)插件 – jquery.lazyload.js
- jQuery延迟加载(懒加载)插件 – jquery.lazyload.js
- jQuery延迟加载(懒加载)插件 – jquery.lazyload.js
- jQuery延迟加载(懒加载)插件 – jquery.lazyload.js
- jQuery lazyload 懒加载插件
- 懒加载jquery.lazyload.js
- jquery.lazyload.js 懒加载
- jquery.lazyload.js 懒加载
- jQuery图片延迟加载插件lazyload.js
- 懒加载之jQuery图片延迟加载插件jQuery.lazyload
- jquery.lazyload.js实现图片懒加载
- jquery.lazyload.js 实现图片懒加载
- 使用jquery.lazyload.js 图片懒加载
- jquery.lazyload.js实现图片懒加载
- Python定时执行任务
- struts2入门
- IOC控制反转和DI依赖注入区别
- bulk批量建立索引python
- 独木桥
- jquery 懒加载插件jquery.lazyload.js
- PHP的运行模式
- LeetCode-algorithms 10. Regular Expression Matching
- (转)关于字符编码的八个点
- OpenStack落地失败的原因及解决之道
- 算法提高 聪明的美食家
- Ubuntu16.04+Cuda8.0(gtx1060)+OpenCV2.4.13+anaconda2+caffe详细配置
- win7集成显卡安装tensorflow1.0傻瓜步骤
- 教你如何从Spring官网上查找SpringIOC框架中的beans的配置头文件