• 24个现代高级灰卫生间,让你“浴”罢不能! 2019-10-21
  • 仙居:美丽经济 助农增收 2019-10-21
  • 购车零首付 当心套路贷 2019-10-19
  • 习近平给大凉山村民支招致富路 2019-10-19
  • 文化山西:风华长城岁月歌 2019-10-15
  • 王晨:抓好大气污染防治 实现人民群众蓝天白云美好期盼 2019-10-09
  • 马伊琍庆幸文章逼自己走出舒适区:他说话难听但特别对 2019-10-09
  • 上合组织发展进程中一座新的里程碑 2019-10-08
  • 男子冒充澳商交往多人行骗被抓 现场来6个女友 2019-10-05
  • 谁还不是个小仙女了!甜而不腻的穿搭太撩人,直击你的粉色少女心! 2019-10-04
  • “陪堂妈妈”上课3000多节 班主任:她去中考没问题 2019-10-04
  • 【北京达世行世纪车型报价】北京达世行世纪4S店车型价格 2019-10-03
  • 但愿越南不是“颜色革命”!社会实践的事实一再证明,“社会主义”离开马列主义原则的改革开放,将是死路一条! 2019-10-03
  • 月薪过万白领辞职回乡养鸡 亏数十万后回城找工作 2019-09-25
  • (两会受权发布)中华人民共和国全国人民代表大会公告(第六号) 2019-09-16
  • Jquery中文网 码报 www.okkrb.tw
    Jquery中文网 >  jQuery  >  jQuery 插件  >  正文 基于jquery的图片延迟载入插件(high.lazyload.js)

    2017年神婆码报92期:基于jquery的图片延迟载入插件(high.lazyload.js)

    发布时间:2011-04-19   编辑:码报 www.okkrb.tw
    jquery中文网为您提供基于jquery的图片延迟载入插件(high.lazyload.js)等资源,欢迎您收藏本站,我们将为您提供最新的基于jquery的图片延迟载入插件(high.lazyload.js)资源
    这是一个基于码报图片延迟载入,参考了,//www.appelsiini.net/projects/lazyload ,精简了代码,使代码更清晰。 使用方法: 1.首先使所有输出到前端的<img /> 标签的“src”属性改为“_src”(可以自己定义,需要配置), 防止img标签一开始就加载图片 2.在页面底部
     码报 www.okkrb.tw 
    <script type="text/javascript">
    
          $(function(){ $('img').lazyload(); })
    
    </script>
    
    3. 配置参数
    {
         original        : '_src',       //保存img的图片地址的属性
         placeholder  : undefined, //图片载入中图标,即图片未载入时图片的占位符
         threshold     : 0,      //未载入的图片距当前视窗的距离多少像素值时开始加载图片
         effect           : 'fadeIn',   //图片显示效果
         effectspeed  : '300'        //图片显示效果的速度
    }
    
    4.例如:$('img').lazyload({placeholder:'//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  特效   
    [关闭]
  • 24个现代高级灰卫生间,让你“浴”罢不能! 2019-10-21
  • 仙居:美丽经济 助农增收 2019-10-21
  • 购车零首付 当心套路贷 2019-10-19
  • 习近平给大凉山村民支招致富路 2019-10-19
  • 文化山西:风华长城岁月歌 2019-10-15
  • 王晨:抓好大气污染防治 实现人民群众蓝天白云美好期盼 2019-10-09
  • 马伊琍庆幸文章逼自己走出舒适区:他说话难听但特别对 2019-10-09
  • 上合组织发展进程中一座新的里程碑 2019-10-08
  • 男子冒充澳商交往多人行骗被抓 现场来6个女友 2019-10-05
  • 谁还不是个小仙女了!甜而不腻的穿搭太撩人,直击你的粉色少女心! 2019-10-04
  • “陪堂妈妈”上课3000多节 班主任:她去中考没问题 2019-10-04
  • 【北京达世行世纪车型报价】北京达世行世纪4S店车型价格 2019-10-03
  • 但愿越南不是“颜色革命”!社会实践的事实一再证明,“社会主义”离开马列主义原则的改革开放,将是死路一条! 2019-10-03
  • 月薪过万白领辞职回乡养鸡 亏数十万后回城找工作 2019-09-25
  • (两会受权发布)中华人民共和国全国人民代表大会公告(第六号) 2019-09-16
  • 盈盈彩登陆 齐齐哈尔麻将手机版 重庆时时彩2期必中计划 网络彩票怎么能稳赚 幸运飞艇计划app破解版 万人炸金花下载2014 彩票计划哪个好用 江苏11选五胆拖对照表 四人麻将在线玩 北京pk赛车7码计划规律