JQuery와 GET 이미지 폭

Question

내 jQuery 코드 :

img[i]='img-src'; 
$("#popimage1").attr("src",img[i]); 
alert($("#popimage1").width());  //doesn't give the width of the current image, but it gives for the previous, and for first null 

내 HTML 코드 :

<img src="" id="popimage1"/> 

그래서 개념이 난 후, JQuery와 각 i에 서로 다른 이미지 SRC를로드하고 있다는 것입니다 나는 너비와 높이로 계산을한다. 문제는 이전 카운터 i로 이미지 값을 얻는다는 것입니다. 임시 솔루션을 만들었습니다.

$("#popimage1").hide(); 
    setTimeout(alert($("#popimage1").width(),2000); 
    $("#popimage1").show(); 

그러나 항상 작동하지 않아 불필요한 시간 초과가 발생합니다. 경고 대신 img 너비와 높이를 사용하는 다른 함수가 있는데, 사용자의 편의를 위해 경고를 썼습니다. 어떤 도움을 주셔서 감사합니다!

Answer 1

이미지가 먼저로드 될 때까지 기다려야합니다.

시도해보십시오.

img[i] = "img-src"; 
$("#popimage1").attr("src", img[i]).load(function() { 
    alert($("#popimage1").width()); 
}); 

Answer 2

이미지 원본을 수정하면 비동기이므로 즉시 반환되지 않습니다. 의 load()

$("#popimage1").load(function() { 
    alert($(this).width()); 
});