jquery - jqueryを使用してロードされた画像のリストの幅を計算する

Question

jQueryを使用してスライド ショーを作成しています。画像はAJAXを使用して読み込まれ、append を使用してリストに追加されます。すべての画像が読み込まれた後、リストの幅を取得したいと思います。

以下のコードを使用していますが、問題は、logos_counterすべての画像の幅が常に 0 に等しいことです。

var logos_counter = 0;
var img = new Image();
$.each(data.images, function (index, photo) {
   url = 'img/logos/' + photo;
   $('.logos ul').append($('<li>').append($('<img/>').attr('src',url).addClass('slide')));
   img.src = url;
   logos_counter = logos_counter + img.width;
});
$('.logos ul').css({width: logos_counter + 'px'});