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

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

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

0119-cmhello_com

实际的演示效果请访问:http://dinbror.dk/blazy/

bLazy 下载及详细参数使用说明,请访问:http://dinbror.dk/blog/blazy/

支付宝打赏支付宝打赏 微信打赏微信打赏

如果文章对你有帮助,欢迎点击上方按钮打赏作者

最后编辑于:2015/10/13作者: 胡倡萌

一个疯狂的 WordPress 爱好者,喜欢折腾 WordPress 主题,分享 WordPress 资源。如果你也喜欢 WordPress,欢迎和我一起交流!

4 条评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注

arrow grin ! ? cool roll eek evil razz mrgreen smile oops lol mad twisted wink idea cry shock neutral sad ???

  1. 帅气小琦琦 帅气小琦琦说道:
    4#

    站点打不开了,请问站长还有源文件么

  2. OKevin OKevin说道:
    3#

    好像demo打不开了,

  3. 搬瓦工 搬瓦工说道:
    2#

    这个不错,代码还是比较简洁的。

  4. Tokin Tokin说道:
    1#

    这个不错,虽然最近也在忙,但是闲着的时候还是想折腾下主题

扫一扫,用手机访问本站

扫一扫,用手机访问本站