求类似淘宝首页页面图片延迟加载的功能实现代码 [复制链接]

图片延迟加载是通过js方式来实现的，百度搜索一下很多类似代码

[b]回复 [url=http://bbs.pageadmin.net/showtopic-26481.aspx#94495]2楼[color=Olive]xiyou[/color]的帖子[/url][/b]

研究一夜终于找到真正延迟的方法
刚开始想用
jquery.lazyload.js 实现，后来发现有点坑爹，出现假延迟的问题，而且不同浏览器也有问题！
后来用淘宝的自己的kissy.js，还行吧，自己测试一下，我的,只延迟了底部tab图片：[url]www.hetong-info.com[/url]
（自动全局的延迟貌似有问题，下面是手动模式）

/*在head加*/
<script src="http://a.tbcdn.cn/s/kissy/1.3.0/kissy-min.js"></script>    //可以下载到本地
<script>
    KISSY.use("datalazyload", function(S, DataLazyload) {
        S.ready(function(S) {
            var dl = DataLazyload();
            dl.addCallback('#test-callback', function() {
                alert('#test-callback will come!');
            });
        });
    });
</script>

然后就是手动改需要延迟的图片src改为data-ks-lazyload
例如：
src="/xx/xxx/xxx.jpg"
改为
data-ks-lazyload="/xx/xxx/xxx.jpg"    src="占位图片.gif"（可以不设占位图）
滚动到离图片一定距离kissy.js会自动改为真是图片地址，在火狐bug中可以查看图片加载过程！
各浏览器的兼容问题，自行测试！