JQuery Flickr API

Question

Я пишу скрипт, используя jQuery и API-интерфейс Flickr REST.

после псевдо алго

1) Хит Flickr API и получить список фотографий с помощью $.getJSON над создать 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) получить объект JSON из Flickr

2) создать список и добавить его в DOM

3) После успешного введения, пробегают все изображения из списка и preload их последовательно один за другим.

Я также пробовал вариант асинхронный, ничего не случилось

Answer 1

Я использовал изображение объекта и нагрузку функцию JS в цикле в то время как для предварительной загрузки изображений перед добавлением их в DOM.

вы можете найти результат, просмотрев исходный код по адресу: http://www.neerajkumar.name/necromancer/