jquery.lazyload图片延迟加载效果

转载于 2011-09-14 13:16:00 发布 · 66 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/tangxueyang/archive/2011/09/14/2176090.html

文章标签：

#javascript #ViewUI

本文介绍了一个简单的图片延迟加载实现方案，使用jQuery插件实现页面加载速度提升和美观度增加。代码简单易懂，适用于所有图片或指定元素。

最近用的一个jquery.lazyload图片延迟加载效果代码，使用图片延迟加载不仅能提高页面的访问速度，而且还能增加页面的美观度，其实这个代码是非常简单的。

    <script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
    <script src="js/jquery.lazyload.js" type="text/javascript"></script>
    <script type="text/javascript">
    jQuery(document).ready(
function($){
    $("img").lazyload({
     placeholder : "pic/grey.gif",   //延迟加载时显示的图片
     effect      : "fadeIn"
    });
    });
</script>