基于jQuery的图片动态加载 Lazy Load Plugin for jQuery
之前有人在博客园上介绍过Images LazyLoad,今天无意中找到了jQuery LazyLoad插件,很方便。
Lazy Load Plugin for jQuery具体介绍及使用方法见http://www.appelsiini.net/projects/lazyload
举例说下:
- //以当前窗口为可视区域,对class为Thumb的所有图片使用动态加载
- $(".Thumb").lazyload({ //选择所有图片
- placeholder : "img/grey.gif", //加载前的图片,可以是个loading
- effect : "fadeIn" //加载图片时的效果
- });
//以id为 container 为可视区域,对所有图片使用动态加载
- #container {
- height: 600px;
- width:600px;
- overflow: scroll;
- }
- $("img").lazyload({
- placeholder : "img/grey.gif",
- container: $("#container")
- });
www.vlikebuy.com 唯爱买_时尚网购产品推荐_时尚穿搭_网购分享_购物返利