jquery的延迟加载插件Lazy Load Plugin for jQuery
2016-05-15 17:13
806 查看
下载:https://github.com/tuupola/jquery_lazyload
使用:http://www.appelsiini.net/projects/lazyload
翻译:http://www.neoease.com/lazy-load-jquery-plugin-delay-load-image/
http://stylechen.com/lazy-load.html
demo:http://www.appelsiini.net/projects/lazyload/enabled_fadein.html
注意:需要设置src,data-original,width,height才能看到效果;(宽和高或者在css中设置即可);
<img src="占位图片" data-original="原图" width="765px" height="574px">
使用:http://www.appelsiini.net/projects/lazyload
翻译:http://www.neoease.com/lazy-load-jquery-plugin-delay-load-image/
http://stylechen.com/lazy-load.html
demo:http://www.appelsiini.net/projects/lazyload/enabled_fadein.html
注意:需要设置src,data-original,width,height才能看到效果;(宽和高或者在css中设置即可);
<img src="占位图片" data-original="原图" width="765px" height="574px">
<script src="http://apps.bdimg.com/libs/jquery/1.8.3/jquery.min.js"></script> <script src="jquery.lazyload.min.js"></script> <script> $("img").lazyload({ effect:"fadeIn" }); </script>
相关文章推荐
- 复习练习(03)jquery Css方法一步步升级
- Jquery全选反选
- 自定义jQuery插件实现分页
- Jquery 复习练习(02)Javascript 与jquery 互转 onclick 与click区别
- 如何实现鼠标悬停图片放大的效果。
- jquery中:input和input的区别
- jquery动画切换引擎插件 Velocity.js 学习01
- jquery.form&jersey异步上传图片(SpringMVC版本)
- WebForm使用JQuery实现DropDownList无刷新联动
- jQuery插件开发汇总
- jquery点击改变class并toggle的实现代码
- JQuery 选择器
- javaScript的无new构建,jquery源码对象构建方法
- JQuery validate插件Remote用法大全
- jQuery插件开发总结
- Jquery 复习练习(01)
- jQuery 点击table一行 并对当前行的某一列进行修改
- jquery中ajax使用error调试错误的方法
- 前端开发之旅-jquery篇-续
- 让jquery.tmpl.js支持index序号