jquery json parseから画像サイズを取得するには？

Question

jquery json parseからイメージサイズを取得するには？私が最初に画像サイズにwidth() & height()を使用しようとHTML部分にすべての画像をダウンロードし、each functionを入れて、私はwidth() & height()が先に画像の読み込みのある得ることにいくつかのトラブルに会いました。 http://jsfiddle.net/7eLj4/

jQueryのコードで

例コード：

$(document).ready(function(){ 
    var data = '[{"image":"http:\/\/pcdn.500px.net\/6269271\/a85b2995b4d80748831492be5e8a3689895a2b0e\/4.jpg"},{"image":"http:\/\/pcdn.500px.net\/5953805\/d0dd841969187f47e8ad9157713949b4b95b3bda\/4.jpg"},{"image":"http:\/\/pcdn.500px.net\/5735750\/0dd26cb9f53b7bbbedf1b65c0d0aac013f77466c\/4.jpg"}]'; 
    var obj = $.parseJSON(data); 
    $.each(obj, function(index,item) { 
     $('#imagewrap').append('<img class="images" src="'+item.image+'" />');   
    }); 
    $('.images').each(function(){ 
     var width = $(this).width(); 
     var height = $(this).height(); 
     var imgsrc = $(this).attr('src'); 
     alert(width+''+height+''+imgsrc);   
    }); 
});​ 

HTMLコード：

<div id="imagewrap"></div> 

Answer 1

バインド：

$('.images').bind('load', function() { 
    // do something here 
}); 

ここにあなたのフィドルを証明するために更新されます：http://jsfiddle.net/7eLj4/5/

Answer 2

コール毎onload関数から.width()及び画像の.height()にアクセスする機能画像。 onloadは、イメージのダウンロードが完了した後に呼び出されます。画像の読み込みイベントに

myImage.onload = function() { 
    var accurateWidth = myImage.width(); 
}