基于jQuery的图片动态加载 Lazy Load Plugin for jQuery

之前有人在博客园上介绍过Images LazyLoad，今天无意中找到了jQuery LazyLoad插件，很方便。

Lazy Load Plugin for jQuery具体介绍及使用方法见http://www.appelsiini.net/projects/lazyload

举例说下：

简约查看模式 复制到剪贴板 打印

1. //以当前窗口为可视区域，对class为Thumb的所有图片使用动态加载  
2. $(".Thumb").lazyload({ //选择所有图片  
3.     placeholder : "img/grey.gif",  //加载前的图片，可以是个loading  
4.     effect : "fadeIn"  //加载图片时的效果  
5. });  

//以当前窗口为可视区域，对class为Thumb的所有图片使用动态加载
$(".Thumb").lazyload({ //选择所有图片
    placeholder : "img/grey.gif",  //加载前的图片，可以是个loading
    effect : "fadeIn"  //加载图片时的效果
});

//以id为 container 为可视区域，对所有图片使用动态加载

先定义一个容器  

1. #container {  
2.     height: 600px;  
3.         width:600px;  
4.     overflow: scroll;  
5. }  

先定义一个容器
#container {
    height: 600px;
        width:600px;
    overflow: scroll;
}

简约查看模式 复制到剪贴板 打印

1. $("img").lazyload({  
2.      placeholder : "img/grey.gif",  
3.      container: $("#container")  
4. });  

转载于:https://www.cnblogs.com/wliang22/archive/2011/01/25/1944690.html