基于MooTools的图片懒加载脚本

时间:12-04-19 栏目:网站开发 作者:admin 评论:2 点击: 10,408 次

<script>
   window.addEvent('domready',function(){
		var win = this;
		var forInitA = $$('img');
		forInitA.each(function(item,index){
			if(!item)return;
			 if((item.getPosition(win).y-win.getScrollTop())<win.getSize().y){

			 }else{
				item.set('init_src',item.get('src'));
				item.set('src','/lazyloads/grey.gif');
			 }
		});

        var forInit = $$('img[init_src]');
        var win = this;

        (function(){
            if(!forInit.length)return false;
            var loop = arguments.callee;
            var loop = function(){
                forInit.each(function(item,index){
                    if(!item)return;
                    if((item.getPosition(win).y-win.getScrollTop())<win.getSize().y){
                        if(item.get('init_src')){
                            item.set('src',item.get('init_src')).removeProperty('init_src')
                        }
                        // forInit.erase(item);
                    }

                    if(index == (forInit.length-1)){loop.delay(200);}

                });
            }
            loop.delay(200);
        })();

   });
</script>

演示网址:http://www.etzpf.com/

声明: 本文由( admin )原创编译,转载请保留链接: 基于MooTools的图片懒加载脚本

基于MooTools的图片懒加载脚本:目前有2 条留言

  1. 沙发
    :

    请问 这个直接复制到head里面 就行了吗?

    2012-06-19 4:50 pm [回复]
    • admin:

      最好放在footer里。

      2012-06-19 9:33 pm [回复]

发表评论


------====== 本站公告 ======------
联系信息:
电话:19970108113(微信同号) QQ:3142401606
支付宝:https://me.alipay.com/lxq73061
相关插件程序等信息均会在站内发布,敬请关注。

读者排行