Javascript의 extern URL에서로드 할 때 이미지 크기 가져 오기

Question

프로젝트가 이미지 div의 크기를 조정해야하므로 extern URL에서로드 할 때 이미지 크기를 알아야합니다.

$('#imglegend'+layername).ready(function(){ 
    var h = $('#imglegend'+layername); 
    // Resize image div container 
}); 

는하지만이 작동하지 않았다 : 자바 스크립트와 jQuery를 사용하여,

<img id="imglegend'+layername+'" src="url_to_an_extern_host" /> 

을 그리고 :

나는 같은 것을 할 필요가있다. 할 수 있습니까?

미리 감사드립니다.

Answer 1

$('#imglegend').load(function(){ 
    var w = $(this).width(); 
    var h = $(this).height(); 
    alert(w); alert(h); 
}).error(function(){ 
    $(this).remove();//remove image if it fails to load// or what ever u want 
}) 

Answer 2

이미지에는 ready 이벤트가 없습니다.

$('#imglegend'+layername).load(function(){ 
    alert(this.width); 
}); 

편집 : 그들은 그러나 load 이벤트를해야합니까 BTW, 당신이 이벤트 핸들러를 연결하기 전에 이미지가로드되지 않았는지 확인해야합니다. HTML 대신에 처리기를 할당 한 후 스크립트에 src을 할당하거나 처리기를 대신 onload HTML에 할당해야합니다.