教程集 www.jiaochengji.com
教程集 >  jQuery  >  jQuery 插件  >  正文 基于jquery的图片延迟载入插件(high.lazyload.js)

基于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图片预加载(延迟加载)插件Lazy Load
jquery插件lazyload.js延迟加载图片的使用方法
js 延迟加载提高网页加载速度的实现方法
jcrop基本参数一览
H5 C3如何优化前端界面
2013年优秀jQuery插件整理小结
html5 input输入实时检测以及延时优化
jquery的$(document).ready()与onload的加载顺序分析
Y710 cube Killer LAN延迟优化没有效果

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