Jquery中文教程网 perfect107.com
Jquery中文教程网 >  jQuery  >  jQuery 插件  >  正文 基于jquery的图片延迟载入插件(high.lazyload.js)

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

发布时间:2011-04-19   编辑:perfect107.com
jquery中文教程网为您提供基于jquery的图片延迟载入插件(high.lazyload.js)等资源,欢迎您收藏本站,我们将为您提供最新的基于jquery的图片延迟载入插件(high.lazyload.js)资源
这是一个基于jquery图片延迟载入,参考了,https://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:'https://caitupian.com/public/img/images/loading.gif'}); 5.下载地址: 源代码:high.lazyload.js 压缩版:high.lazyload.min.js 如有bug,欢迎指出。。。

您可能感兴趣的文章:
jQuery lazyLoad图片延迟加载插件的优化改造方法分享
Jquery uploadify图片上传插件无法上传的解决方法
jquery插件lazyload.js延迟加载图片的使用方法
用jquery等比例控制图片宽高的具体实现
jquery实现鼠标拖动图片效果示例代码
JQuery 图片滚动轮播示例代码
JQuery插件fancybox无法在弹出层使用左右键的解决办法
jquery预览图片实现鼠标放上去显示实际大小
jquery上传插件fineuploader上传文件使用方法(jquery图片上传插件)
jquery实现简单易懂的图片展示小例子

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