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,并对其赋值为图片路径
asp.net Jquery图片延迟加载

3.在页面加以下代码

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

    
</script>

4.最终效果

 

asp.net Jquery图片延迟加载
 

 

 

 


 

 

版权

作者:灵动生活 郝宪玮

出处:http://www.cnblogs.com/ywqu

如果你认为此文章有用,请点击底端的【推荐】让其他人也了解此文章,

asp.net Jquery图片延迟加载

本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

 

上一篇:CV之API:利用Face++的人体识别接口,实现摄像头实时手势识别


下一篇:bboss 持久层框架CallableDBUtil组件执行存储过程和函数实例