JQuery Flickr API

Question

我正在使用jQuery和Flickr REST 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）從Flickr

2獲得JSON對象）創建列表，並將它添加到DOM

3）全成插入後，通過所有圖片來自列表運行， 預加載他們按順序一個接一個。

我也已經嘗試async選項，沒有什麼happend

Answer 1

我使用JS的圖像對象和加載功能在while循環將它們添加到DOM之前預加載的圖像。

你可以找到通過查看源代碼結果：http://www.neerajkumar.name/necromancer/