如何在加载到html之前获取图像大小？

Question

首先,图像高度为零,然后通过刷新页面我得到它的实际高度.我需要第一次达到它的高度？任何身体可以帮助我吗？

$j(document).ready(function(){
           var imgV = new Image();
           imgV.src="http://www.kerrvilletexascvb.com/Riverside%20Nature%20Center3.JPG";
           $j("#imgD").html(imgV.height);
           alert(imgV.height);
});


<div id="imgD"></div>
<img src="http://www.kerrvilletexascvb.com/Riverside%20Nature%20Center3.JPG" />

Answer 1

您不必将图像插入DOM以获取其尺寸:

$("<img />")
    .attr("src", "http://www.google.com/intl/en_ALL/images/logo.gif")
    .load(function() {
        alert(this.width);
        alert(this.height);
    })
;