0

oncomplete画像がサーバーから完全にロードされたことを知る方法はありますか?

画像の URL を取得して、作成したギャラリーに表示するために使用する XML フィードがあります。画像はすべて異なるサイズで入ってくるので、特定の縦横比に合わせてサイズを変更しようとしています。幅と高さが得られないため、サイズを変更できません。

Jquery 経由でフィードを取り込む方法は次のとおりです。

$.get('feed/test.xml', function(data){
        $(data).find('item').each(function(){  
            var obj = $(this);
            var image = obj.find('ImageURL').text();  //  http://testimageurl.com

            var str = ' <li>';
            str += '        <img src="'+ image +'" />';
            str += '    </li>';

            $("#slider").append(str);
        });

         // Code for resizing images goes here
    });

読み込みが完了したら、URL から画像のサイズを取得できるようにする必要があります。

誰にとっても意味がありますか？

4

1 に答える 1

2

あなたが探しているload（そしてcomplete画像がすでにキャッシュされている場合）イベント：

変更してみる

$("#slider").append(str);

の中へ

$(str).find('img')
   .one('load complete', function() {
       /* do something onload or complete event */
   })
   .end()
   .appendTo($("#slider"));
于 2012-08-28T15:45:35.303 に答える