图片分组加载

为考虑到用户的流量和网速问题，有时需要把图片分组加载，用户没有选中的不加载。

首先在jsp中设置<img len-src="${image}" src=""  />，把图片地址赋值给len-src属性。

比如：

jsp

<div class="lounge_imagesList">
    <div class="but_left"><img src="frontend/images/qianxleft.png" width="30px" height="50px"/></div>
    <div class="flashBg">
        <ul class="mobile">
            <c:set value="${fn:split(loungeList.lounge.imagesList, ',') }" var="imagess" />
            <c:forEach items="${ imagess }" var="images" varStatus="subscript">
                <li>
                    <img len-src="${images}" src="" width="250px" height="250px" />
                </li>
            </c:forEach>
        </ul>
    </div>
    <div class="but_right"><img src="frontend/images/qianxr.png"  width="30px" height="50px"/></div>
</div>

然后在jQuery绑定事件中

var $lounge_imagesList =  $(this).next("div").children(".lounge_imagesList")
                $lounge_imagesList.find("img").each(function(){
                    var new_src = $(this).attr("len-src");
                    $(this).attr("src",new_src);
                });