1

jQuery と Flickr REST API を使用してスクリプトを作成しています。

疑似アルゴリズムに従う

1) Flickr API をヒットし、$.getJSONnad create lilist 要素を使用して写真のリストを取得します。

create_gallery: function(){
    $.getJSON(
        $.prep_api_url(),
        function(data){
            $.each(data.photos.photo, function(i,item){
                var photo_raw_url = 
                    'http://farm' + item.farm + '.static.flickr.com/' + 
                    item.server + '/' + item.id + '_' + item.secret;
                var photo_url = photo_raw_url + '_b.jpg';
                $('<li><a id="' + item.id + '" class="image_trigger" href=' + 
                   photo_url + '><img class="thumbnails" src=' + photo_raw_url +
                       '_s.jpg' + ' width=22 hight=22 /><a/>' +
                       '</li>').appendTo('.image_thumbs');
            });
            $('.thumbnails').css({'opacity' : '.6'});
        }
    );
},

2) 作成したリストを参照して、すべての画像をプリロードします(ここに問題があります)。

3）すべての画像をクリックすると、プリロードされた配列から画像が表示されます

今、私はこれが欲しい

1) Flickr から JSON オブジェクトを取得する

2) リストを作成して DOM に追加する

3) 挿入が成功したら、リストからすべての画像を実行し、1 つずつ順番にプリロードします。

非同期オプションも試しましたが、何も起こりませんでした

4

1 に答える 1

0

JS 画像オブジェクトとロード関数を while ループで使用して、画像を DOM に追加する前にプリロードしました。

http://www.neerajkumar.name/necromancer/でソース コードを表示すると、結果を確認できます。

于 2011-05-28T19:15:53.167 に答える