js动态加载image导致浏览器很卡

Question

function addImage(logo,userid,name,style){ console.log("addImage"); var img = new Image; img.src = photowall.allPhotosAPI() + '/' + logo; $(img).load(function(){ var $person='<a '+style+' class='+randomClass()+' href='+'user.html?'+userid +'><article>'+'<img src='+img.src+' />'+'<span>'+name +'</span>'+'</article></a>'; $container.append($person); }); } $.ajax({ url:photowall.allUsersAPI(), type:'get', dataType:'xml', timeout:1000, success:function(xml){ $(xml).find('varkrs').each(function(i){ console.log("each"); var $this = $(this); var userid = $this.attr('id'); var name = $this.attr('name'); var logo = $this.attr('logo'); var style = calStyle(); addImage(logo,userid,name,style); }); $container.height((y_index + 1)*280); } });