$(window).load(function(){ var target=".pictureSet"; var t_img; var isLoad = true; function isImgLoad(){ $(".pictureSet_box").css("overflow","hidden"); $(target).each(function(){ $(this).find(".pictureSet_box").each(function(){ var parentWid=$(this).width(); var parentHei=$(this).height(); var parentBL=parentWid/parentHei; $(this).find("img").each(function(){ if(this.height !== 0){ var curImgWid=$(this)[0].naturalWidth; var curImgHei=$(this)[0].naturalHeight; var curImgBL=curImgWid/curImgHei; if(parentBL<=curImgBL){ var x=-(parentHei*curImgBL-parentWid)/2; var w=parentHei*curImgBL; $(this).css({ "height":"100%", "width":w+"px", "position":"relative", "left":x+"px", }); }else{ var y=-(parentWid/curImgBL-parentHei)/2; var h=parentWid/curImgBL; $(this).css({ "width":"100%", "height":h+"px", "position":"relative", "top":y+"px", }); } } else{ isLoad=false; t_img = setTimeout(function(){ isImgLoad(); },500); } }); }); }); if(isLoad){ clearTimeout(t_img); return false; } } isImgLoad(); });