1 $('.imgUl li,.v_img').click(function(){ 2 var _left = 0; 3 var _top = 0; 4 $('body').append('<div class="pop"><div class="pop_con"><a href="javascript:;" class="img_close"><img src="images/img_close.png"></a><img src="'+$(this).children('.pic-off').attr('rel')+'" class="pic_b"/></div></div>'); 5 var newImg = new Image(); 6 newImg.onload = function(){ 7 _h = newImg.height; 8 _w = newImg.width; 9 $('.opacityDiv').show(); 10 _left = '-'+parseInt(_w)/2+'px'; 11 _top = '-'+parseInt(_h)/2+'px'; 12 $('.pop').css({'margin-left':'-'+parseInt(_w)/2+'px','margin-top':_top}); 13 $('.img_close').click(function(){ 14 $('.opacityDiv').hide(); 15 $('.pop').remove(); 16 }); 17 } 18 newImg.src = $(this).children('.pic-off').attr('rel'); 19 });
注：图片在缓存加载时获取的宽度和高度都为0,所以newImg.onload方法可以将图片加载完成后再获取本身的宽高。此时获取的值均为正确的值。