图片延迟加载

   <script src="js/jquery.lazyload.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $("img[data-original]").lazyload(
                {
                    skip_invisible: false
                    , threshold: 250
                    , failure_limit: 100
                }
            );
        })
    </script>
 <a href='<%# Common.GetUrl("product",Eval("Code").ToString()) %>' target="_blank">
                                            <img <%# Common.BuildLazyLoadSrc(Common.GetShopPic(Eval("DefaultImage").ToString(),"P56")) %>
                                                alt='<%# Eval("Name") %>' title='<%# Eval("Name") %>' width="50px" height="50px" /></a>
                    

 

/// <summary>
    /// 配合图片lazy load功能，将给定地址格式化成要求的地址格式: src=placeHolderjpg data-original=imgSrc
    /// </summary>
    /// <param name="imgSrc">可以直接使用的地址，内部不再处理</param>
    /// <returns></returns>
    public static string BuildLazyLoadSrc(string imgSrc)
    {
        string url = " src='" + HostUrl.SiteHost + "images/loadingPH.jpg' data-original='" + imgSrc + "' ";

        return url;
    }