Javascript：可以在圖像完全加載之前獲取圖像尺寸？

我正在構建一個網頁的移動版本，頁面數據加載速度非常快，但由於頁面上的圖像很大，因此隨着時間的推移，它們的速度會更慢。Javascript：可以在圖像完全加載之前獲取圖像尺寸？

問題是，當圖像緩慢進入時，它們會將頁面內容向下推，以致用戶失去閱讀位置。

我想要做的是確定這些圖像的大小，然後爲圖像留下正確大小的黑色佔位符，以便在圖像加載時填充圖像。這樣在打開圖像時用戶的閱讀體驗就不會受到影響。

我想知道，如果它能夠的圖像才能加載JavaScript或HTML5 獲取圖像的尺寸，然後使用JScript/HTML5進去，並設置寬度和高度屬性標籤上的初始頁面負載 - 在圖像完全加載之前。

謝謝！

*編輯：我不能使用的寬度和高度HTML屬性了蝙蝠，由於圖像是從沒有預先已知的寬度和高度都不同的來源（其大多隨機用戶上傳的圖像）

2012-03-19 Mark

可能的重複http://stackoverflow.com/questions/6575159 – enderskill 2012-03-19 16:21:36

已經有一個解決您的問題：'寬度'和'高度'屬性在HTML中。爲什麼不使用它？ – kirilloid 2012-03-19 16:21:37

將圖像添加到HTML時，應該明確添加要嵌入圖像的'[width]'和[[height]'屬性。 – zzzzBov 2012-03-19 16:22:14

這就是<img />元素上height和width屬性的用途。將其設置爲圖像的高度/寬度，並且該空間將由渲染器保留。

否則，你處於雞與雞蛋的情況;你不能神奇找到圖像的大小;你需要先下載它！

2012-03-19 16:22:01 Matt

回答