jqueryの取得画像の幅のsrc変更後

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を使ってそれぞれに異なる画像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()); 
});