webapp图片懒加载实现

　　图片懒加载在webapp上非常流行，应用的很广泛。

实现图片懒加载功能：zepto.picLazyLoad.min.js

引入类库

<script src="1.1.3/zepto.min.js"></script>
<script src="1.0/zepto.picLazyLoad.min.js"></script>　

在需要实现懒加载功能的img标签上加data-original="original.jpg"，original.jpg为实际加载图片路径。如果是img标签，还需要加src="blank.png"。blank.png为默认背景图，建议用base64图。

如下：

<img class="test-lazyload" src="blank.png" data-original="original.jpg">
<div class="test-lazyload" data-original="original.jpg"></div>

然后调用

$('.test-lazyload').picLazyLoad({
　　//可以不写参数
    threshold: 100,
    placeholder: 'http://image.yihaodianimg.com/front-homepage/global/images/blank.gif'
});