실제 이미지 너비를 높이는 방법 & 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
+0
높이가 IE11에 잘못보고되었습니다. –
4
예, Google!
정확히 무엇을 필요로 하는가에 따라 몇 가지 방법이 있습니다 (이를 포함하지 않는 것이 좋습니다). 일반적으로 Image 객체에 대한 참조를 얻고 width
및 height
속성을 검사하는 것이 가장 일반적인 방법입니다. 모든
0
JQuery와 + <img src="" ... id="hello" />
+ $("#hello").width()
8
var realWidth = $("#image").attr("naturalWidth");
var realHeight = $("#image").attr("naturalHeight");
+0
어디서이 문제가 발생 했습니까? – George
"를 제목으로"받아 들일 수없는 텍스트입니다 , 당신은 당신의 질문에 대답하기 위해 언젠가는 다른 사람들에게 물어볼 것입니다. 질문을하기 위해 시간을 할애해야합니다. – AnthonyWJones