lazy-load-img

移动端“瀑布流”形式列表图片懒加载

使用方法

1.为需要懒加载的图片节点添加自定义属性node-type='imglazy'

2.img标签添加自定义属性data-lazysrc  ，并且将图片地址赋值给data-lazysrc

3.图片的真实地址src赋值默认值为#

4.可以在任意节点添加配置属性lazy-setting

配置信息如下：

<div lazy-setting='{
    "mobileHeight":0,   /*默认客户端的高度，值越大，首屏加载的图片越多*/
    "loadNum":1         /*加载当前节点后的节点的个数*/
}'>

以上可以参考testhtml.html的结构

2016/02/22更新

1.添加示例demo

2.添加加载图片的可配置项

• mobileHeight 默认客户端的高度，值越大，首屏加载的图片越多;

• loadNum 如果当前节点出现在屏幕上以后，可以一次性加载当前节点之后的若干个节点，可以跳高图片的加载速度;

3.优化滚动时“懒加载”部分代码

2015/12/16更新

1,使用闭包重构懒加载的函数

2,增加配置文件的使用，使用户对懒加载的行为更加可控

3,通过that 暴露函数内部方法给用户，包括销毁内部对象，和解除绑定方法

2015/12/27更新

当imglazy节点在屏幕的可是区域内时，立即加载图片

2015/10/29

＃ 1.解决当src为空时

location.href获取的值为当前页面的域名

＃ 2.解决重复赋值的问题

当src的已经有值的时候不再降data-lazysrc 的值赋值给src，阻止重复计算