JavaScript圖片OnLoad事件

Question

我知道我可以將一個事件偵聽器來加載圖像，這樣，當圖像加載完成這樣它就會產生：

<img id="mine" src="image.jpg" /> 

<script> 
$('#mine').load(function() { 
    console.log($(this).height()); //The image's height 
    console.log($(this).width()); //The image's width 
}) 
</script> 

但我的瀏覽器知道圖像有多大去儘快頭裝入時 - 我能夠領略到該事件，所以，一旦瀏覽器知道圖像的大小，我可以調整我的頁面上的元素？

謝謝！

Answer 1

不，你不能。但是，您應該將圖像的尺寸與標籤一起傳遞。

<img id="mine" src="image.jpg" width="100" height="100"> 

例如，在PHP中，您可以使用getimagesize()函數。

它甚至a recommended practice改善瀏覽器的渲染。