瀏覽器中顯示的圖片大小未必是他真實的高和寬,比如像下面這樣,我們給他加上寬和高的樣式
這樣在瀏覽器中顯示的大小就是25px。那我們要如何取得圖片的真實大小呢? ,下面的程式碼就實現了這個功能
<script><br />
// 設定延時保固圖片載入完成<br />
setTimeout(function() {<br />
var<br />
real_width,<br />
real_height,<br />
_im = document.getElementById('image'),<br />
im = document.createElement('img');<br />
im.src = _im.src,<br />
real_width = im.width,<br />
real_height = im.height;<br />
alert(real_width 'n' real_height);<br />
},500);<br />
</script>
注意:上面程式碼本人在IE7 和chrome上都測試過了,因為沒有裝IE6,所以沒辦法測試。
非常好用的程式碼,本人大多專案中都在使用,大家放心用吧