2011-04-19 5 views
0

동적으로로드 된 이미지의 너비와 높이를 얻으려면 어떻게해야합니까?동적으로로드 된 이미지의 너비와 높이를 얻는 방법은 무엇입니까?

<img id="thumb_320" src="dscn6691_thumb_320.jpg"> 
+5

당신은 할 수 없습니다

때문에 일부 코드처럼 보일 수 있습니다. 그냥 앵커 태그예요. 이미지 자체에 대한 지식이 없습니다. 이미지를로드 한 다음 자바 스크립트의 크기를 가져와야합니다. –

+1

IE6 & 7 (그리고 아마 8도)을 도려내는 것이 좋다면 Image() 객체를 사용할 수 있습니다. 렌더링없이로드하여 이미지의 크기를 얻을 수 있다고 생각합니다. – tjameson

답변

4

Image 개체를 사용해보세요. 나는 정직하게 호환성의 확실하지 않다.

var img = new Image(); 

img.onload = function(){ 
    alert('Width: ' + img.width +', Height: ' + img.height); 
} 

img.src = 'http://www.google.com/images/logos/ps_logo2.png'; 

예 : http://jsfiddle.net/EQdxw/2/

+0

img.src 대신 image id를 사용할 수 있습니까? – JV10

+0

필요한 경우 ID를 추가하십시오. 그렇지 않으면 이미지가로드되지 않습니다. –

+0

IE7 및 IE8에서 방금 시도했습니다. 둘 다 잘 작동합니다. – Sylverdrag

관련 문제