如何獲得實際圖像寬度&通過JavaScript函數實現高度(跨瀏覽器)?JavaScript - 實現圖像寬度和高度的功能(跨瀏覽器)
-3
A
回答
10
首先,你必須讓你的回答過的問題,如果你只是問它更禮貌的方式,並提供儘可能多的相關信息,儘可能的機會較大。
反正...
對於因爲據我所知,您可以使用.width
財產橫跨幾乎所有的瀏覽器:
function getDimensions(id) {
var element = document.getElementById(id);
if (element && element.tagName.toLowerCase() == 'img') {
return {
width: element.width,
height: element.height
};
}
}
<img id="myimage" src="foo.jpg" alt="" />
// using the function on the above image:
var dims = getDimensions('myimage');
alert(dims.width); --> shows width
alert(dims.height); --> shows height
4
Yay,Google!
有幾種方法可以根據您的需要來完成此操作(您可以省略不必要的操作)。在一般意義上,最簡單的可能是獲取對Image對象的引用並檢查width
和height
屬性。
0
的jQuery + <img src="" ... id="hello" />
+ $("#hello").width()
8
var realWidth = $("#image").attr("naturalWidth");
var realHeight = $("#image").attr("naturalHeight");
相關問題
- 1. 跨瀏覽器高度功能 - jquery
- 2. 瀏覽器大小(寬度和高度)
- 3. 如何實現同等高度的跨瀏覽器div
- 4. 在原始高度和寬度的瀏覽器中顯示大圖像
- 5. 設定寬度和在WebKit瀏覽器與jquery圖像的高度
- 6. 集圖片瀏覽的高度和寬度在網格視圖
- 7. 獲取圖像的寬度和高度
- 8. 當瀏覽器寬度減少時減少圖像寬度
- 9. iPad的瀏覽器的寬度和高度標準
- 10. 瀏覽器寬度的100%寬度div
- 11. 視頻循環100%瀏覽器的高度和寬度
- 12. JS檢測瀏覽器的寬度和高度在Chrome瀏覽器和Safari瀏覽器,但不是IE9或FF9
- 13. 獲取圖像的寬度和高度
- 14. 更改圖像的寬度和高度
- 15. 動態的圖像寬度和高度
- 16. 檢查圖像的寬度和高度
- 17. 獲取圖像的寬度和高度
- 18. Uploadify最小圖像寬度和高度
- 19. 僅在Chrome瀏覽器中出現超過父級寬度的高度圖
- 20. jquery mobile:爲桌面瀏覽器設置寬度和高度
- 21. JavaFX獲取瀏覽器寬度和高度
- 22. JavaScript中的跨瀏覽器XPath實現
- 23. 如何使用相同的高度和寬度創建多個圖像瀏覽
- 24. JavaScript:如何在瀏覽器窗口中查看視點的寬度和高度?
- 25. 顯示圖像的寬度爲100%或與瀏覽器的寬度一樣大
- 26. 跨瀏覽器兼容的CSS液體佈局,3列100%寬度/高度
- 27. 如何使圖像覆蓋父寬度和拉伸到瀏覽器寬度?
- 28. 如何爲瀏覽器窗口寬度和高度設置寬度和高度變量?
- 29. 將圖像調整爲瀏覽器寬度/高度而不裁剪
- 30. jQuery的動畫功能,試圖設置高度和寬度
「作爲標題」是不可接受的文本,你要求別人花些時間來回答你的問題,不要花時間問你的問題。 – AnthonyWJones 2009-01-13 15:36:31