asp.net Jquery图片延迟加载

asp.net Jquery图片延迟加载

在电子商务网站中，由于网站图片请求数过多，导致首页加载速度较慢，通过图片延迟加载机制，让用户访问页面的时候，只加载当前屏幕所见内容的图片，从而减少用户请求数量，提升用户体验。

 使用步骤：

1.引入Jquery类库和延迟加载类库:http://files.cnblogs.com/ywqu/Jquery%E5%BB%B6%E8%BF%9F%E5%8A%A0%E8%BD%BD.rar 

 

2.首先给图片img加属性original，并对其赋值为图片路径

3.在页面加以下代码

     < script language = " javascript "  type = " text/javascript " >
        $( function  () {
            $( " img[original] " ).lazyload({
                placeholder:  " ../Images/Default/grey.gif " ,
                effect:  " fadeIn "
            });
        });

     < / script>

4.最终效果

 

 

 

 

            本文转自灵动生活博客园博客，原文链接： http://www.cnblogs.com/ywqu/archive/2011/08/12/2135840.html ，如需转载请自行联系原作者