脚本之家 服务器常用软件
快捷导航
您的位置：主页 > 脚本下载 > js框架 > ajax/javascript >

bLazy.js 轻量级支持响应式图片的lazyLoad脚本

  • 脚本大小：15KB
  • 脚本语言：简体中文
  • 脚本类型：国产软件
  • 脚本授权：免费软件
  • 脚本类别：ajax/javascript
  • 应用平台：javascript
  • 更新时间：2016-07-07
  • 网友评分：
360通过 腾讯通过 金山通过

详情介绍

bLazy 是一个不依赖于第三方JS库（如 jQuery）的lazyLoad脚本，压缩版只有几Kb，而且支持根据不同的设备宽度显示不同大小的图片，这个功能对于响应式开发非常有用，也是推荐的主要原因。可喜的是，这么好的脚本，支持所有主流的浏览器，包括 IE7+。

下面的样例代码的功能就是，当设备宽度小于 420px 的时候，就加载小图片，否则加载大图片，同时，图片加载后移除加载器。



HTML:
<img class="b-lazy"
src="placeholder-image.jpg"
data-src="image.jpg"
data-src-small="small-image.jpg"
alt="Image description" />

JavaScript:

var bLazy = new Blazy({
breakpoints: [{
width: 420 // Max-width
, src: 'data-src-small'
}]
, success: function(element){
setTimeout(function(){
// We want to remove the loader gif now.
// First we find the parent container
// then we remove the "loading" class which holds the loader image
var parent = element.parentNode;
parent.className = parent.className.replace(/\bloading\b/,'');
}, 200);
}
});

下载地址

下载错误？【投诉报错】

bLazy.js 轻量级支持响应式图片的lazyLoad脚本

      人气脚本

      相关文章

      下载声明

      ☉ 解压密码：www.jb51.net 就是本站主域名，希望大家看清楚，[ 分享码的获取方法 ]可以参考这篇文章
      ☉ 推荐使用 [ 迅雷 ] 下载，使用 [ WinRAR v5 ] 以上版本解压本站软件。
      ☉ 如果这个软件总是不能下载的请在评论中留言,我们会尽快修复，谢谢!
      ☉ 下载本站资源，如果服务器暂不能下载请过一段时间重试!或者多试试几个下载地址
      ☉ 如果遇到什么问题，请评论留言，我们定会解决问题，谢谢大家支持!
      ☉ 本站提供的一些商业软件是供学习研究之用，如用于商业用途，请购买正版。
      ☉ 本站提供的bLazy.js 轻量级支持响应式图片的lazyLoad脚本资源来源互联网，版权归该下载资源的合法拥有者所有。