Jquery中文网 www.jquerycn.cn
Jquery中文网 >  jQuery  >  jQuery 插件  >  正文 基于jquery的图片延迟载入插件(high.lazyload.js)

基于jquery的图片延迟载入插件(high.lazyload.js)

发布时间:2011-04-19   编辑:www.jquerycn.cn
jquery中文网为您提供基于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.lazyload 实现图片延迟加载jquery插件
使用jquery插件实现图片延迟加载技术详细说明
基于jquery的lazy loader插件实现图片的延迟加载[简单使用]
Jquery uploadify图片上传插件无法上传的解决方法
jquery图片延迟加载 前端开发技能必备系列
Lazy Load 延迟加载图片的 jQuery 插件
jquery插件lazyload.js延迟加载图片的使用方法
用jquery等比例控制图片宽高的具体实现
jquery实现鼠标拖动图片效果示例代码

关键词: jquery  lazyload  图片  插件  jquery  特效   
[关闭]