2012-12-05 152 views
1

可能重複:
Get real image width and height with JavaScript in Safari/Chrome?如何獲得圖像的實際寬度和高度

有沒有辦法知道使用jQuery當圖像是圖像的真實寬度和高度縮小在CSS - 沒有任何額外的尺寸數據 - 任何鏈接或代碼示例將有幫助謝謝

+0

可能的重複:** [在Safari/Chrome中使用JavaScript獲取真實圖像寬度和高度?](http://stackoverflow.com/questions/318630/get-real-image-width-and-height-with- JavaScript的在野生動物園鉻)**和** [獲取圖像的寬度和高度(http://stackoverflow.com/questions/799710/get-image-width-and-height)** –

回答

14

嘗試使用naturalWidthnaturalHeight

var domElement = $('yourImage')[0]; // or document.getElementById('yourImageId'); 
domElement.naturalWidth 
domElement.naturalHeight 
+1

如果這樣的作品,那麼我認爲這是一個比[其他問題]建議(http://stackoverflow.com/questions/318630/get-real-image-width-and-height-with-javascript-in-safari-一個更好的解決方案鉻) – GolezTrol

+0

好的回答謝謝你 – ONYX

3

嘗試這樣:

$("<img/>").attr("src", imgSrc).load(function() { 
     pic_real_width = this.width; 
     pic_real_height = this.height;   
    }); 

的事情是,你只能訪問圖像真實寬度和高度時加載圖像,U也沒有任何容器加載圖像的某個地方在那裏你不能看到它並要求(「img」).css('width'),但我認爲這是一個更優雅的方式來做到這一點。希望這是有幫助的。

+0

好的回答謝謝你 – ONYX

相關問題