获取隐藏图像的图像高度

Question

My page is divided into multiple tabs, corresponding to hidden divs. One of the tabs has images, and I need to get the height of the images as the client sees it. I've been using image.clientHeight , $(image).height() , etc. but these all return 0 when the image is not visible on the page.

My question is, is there any way to avoid this—ie get the height of image before the client sees it?

And to clarify, I'm looking for the height of the image as it appears on the client's page, not the original, full height of the image.

EDIT: So this is how my code is essentially laid out:

<div id="page1">
    <h1>Some landing page here</h1>
</div>

<div id="page2" style="display: none;">
    <h1>Images</h1>
    <img src="..."></img>
</div>

When the page loads, page1 is shown and all the others are hidden. I know all about checking when an image loads, the window loads, etc. but $(image).height() or all other variations of that don't work unless the image is visible to the client (ie page2 is shown). Is this intentional? Is there any way around this?

Answer 1

I think this happened because of image is not load. So, try something like this.

$('#myimg').on("load",function(){
    var imgHeight = img.get(0).height;
    var imgWidth = img.get(0).width;
})​