獲取隱藏圖像的圖像高度

Question

我的頁面分為多個選項卡，對應於隱藏的div。 其中一個標簽包含圖片，我需要獲取客戶端看到的圖片的高度。 我一直在使用image.clientHeight ， $(image).height()等，但是當圖像在頁面上不可見時，這些都返回0。

我的問題是，有什么辦法可以避免這種情況-即在客戶看到圖像之前先獲得圖像的高度？

為了明確起見，我正在尋找圖像在客戶端頁面上顯示的高度，而不是圖像的原始完整高度。

編輯：所以這就是我的代碼的基本布局：

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

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

頁面加載時，將顯示page1，而其他所有頁面均被隱藏。 我知道有關檢查何時加載圖像，加載窗口等的全部知識，但是$(image).height()或其他所有版本都無法正常工作，除非客戶端可見該圖像（即顯示了page2）。 這是故意的嗎？ 有沒有辦法解決？

Answer 1

我認為這是由於未加載圖像而發生的。 所以，嘗試這樣的事情。

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