問題發生的原因在於，圖片本身體積較大，所以用jQuery去讀取的時候，其實下載還沒完成。

因此為了確保下載完成再讀取寬、高的資訊，就必須監聽下載完成的動作。所幸用jQuery來處理的話，這個動作很簡單。

$('#theImage').load(function(){
    console.log($(this).width());
});

這樣一來，就能確保圖片是在下載完成後，才去讀取圖片相關資訊。

另外，今天在google時，發現「使用 jQuery(document).ready() 與 window.onload 注意事項」這篇文章，算是意外的收獲，對於使用lazyload這個著名的plugin在處理圖片時，容易發生的一些狀況和解決辦法，值得一讀。

其實在寫Flash時，這種時間差的問題通常會考慮到，ActionScript在Event物件上規劃的很完備，所以通常不會失手。反倒是在JavaScript一時不察，花了不少時間在這上面啊!