基于jquery的图片延迟载入插件(high.lazyload.js)
发布时间:2011-04-19 编辑:jiaochengji.com
教程集为您提供基于jquery的图片延迟载入插件(high.lazyload.js)等资源,欢迎您收藏本站,我们将为您提供最新的基于jquery的图片延迟载入插件(high.lazyload.js)资源
这是一个基于jquery的图片延迟载入插件,参考了,http://www.appelsiini.net/projects/lazyload ,精简了代码,使代码更清晰。
使用方法:
1.首先使所有输出到前端的<img /> 标签的“src”属性改为“_src”(可以自己定义,需要配置), 防止img标签一开始就加载图片
2.在页面底部
<script type="text/javascript"> $(function(){ $('img').lazyload(); }) </script>3. 配置参数
{ original : '_src', //保存img的图片地址的属性 placeholder : undefined, //图片载入中图标,即图片未载入时图片的占位符 threshold : 0, //未载入的图片距当前视窗的距离多少像素值时开始加载图片 effect : 'fadeIn', //图片显示效果 effectspeed : '300' //图片显示效果的速度 }4.例如:$('img').lazyload({placeholder:'http://caitupian.com/public/img/images/loading.gif'}); 5.下载地址: 源代码:high.lazyload.js 压缩版:high.lazyload.min.js 如有bug,欢迎指出。。。
您可能感兴趣的文章:
jquery.lazyload 实现图片延迟加载jquery插件
jQuery lazyLoad图片延迟加载插件的优化改造方法分享
使用jquery插件实现图片延迟加载技术详细说明
基于jquery的lazy loader插件实现图片的延迟加载[简单使用]
jquery图片延迟加载 前端开发技能必备系列
jQuery图片预加载(延迟加载)插件Lazy Load
Lazy Load 延迟加载图片的 jQuery 插件
JQuery 图片延迟加载并等比缩放插件
jquery 插件实现图片延迟加载效果代码
jquery插件lazyload.js延迟加载图片的使用方法
[关闭]