2009-09-04 13 views
1

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

1アルゴ擬似次

)FlickrのAPIをヒットし、$.getJSON NADを使用した写真の一覧を取得liリスト要素の作成:

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)が作成したリストをrefferringことにより、すべての画像をプリロード(私はここに問題があります)

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

は、今私が欲しいこの

1))

2 Flickrの

からJSONオブジェクトを取得し、リストを作成し、リストからすべてのイメージを介して実行、DOM

3)成功し、挿入後にそれを追加し、 プリロード逐次を1つずつ指定します。

は、私はまた、asyncオプションを試してみましたが、何も私はDOMに追加する前に画像をプリロードするwhileループでJSの画像オブジェクトおよびロード機能を使用

+1

?その名前付き関数を抜き出してそこにブレークポイントを投げてみてください。それは入りますか?オブジェクトの値は何ですか?あなたがそれを踏んだことを私が示すまで、私はしません。 – geowa4

+0

新しいことを考えてくれてありがとう、私はそれを考え出した.... –

+1

あなたの最後のコードを投稿してください。 @ codemastersnakeはこのようなseomthingを使用したいと思います。 –

答えて

0

を起こっていません。

あなたはでソースコードを見ることで、結果を見つけることができます:あなたはFirebugのを使用してステップスルーでしたhttp://www.neerajkumar.name/necromancer/