图片缓加载

缓加载也称之为负载均衡，在页面加载很多图片的时候经常用到；

思路是：页面引用jquery.lazyload.min.js文件，对要缓加载的图片设置class="lazy"、data-src="默认加载的图片"、data-original="图片的原始URL"；

注意：页面中有多个容器时，要对懒加载方法做一下处理，不然页面无法实现懒加载效果；

<script type="text/javascript" src="../js/jquery.lazyload.min.js"></script>

<div id="container">
<a class="cart-litemw-imgwp" href="javascript:void(0)">
    <img id="imgGoodsID_<%= cart_list[i].goods_id %>" class="lazy"  src="http://p.storeshop.cn/storeshop/data/upload/shop/common/lazy_load.gif" data-original="<%=cart_list[i].goods_image_url%>"/>
</a>
</div>

//页面缓加载
function lazyLoadImg(ContainerID,hasContainer) {
    var containerobj=$("#"+ContainerID);
    containerobj.scrollTop(0);
    var LazyImg=$("#"+ContainerID+" img.lazy");
    if(hasContainer){
    LazyImg.show().lazyload({container:containerobj});
    }else{
        LazyImg.show().lazyload();
    }
}

//在只有一个容器的页面调用
lazyLoadImg(containerID);

//在有多个容器的页面进行调用
lazyLoadImg(mainListBlock,true);