2009-09-04 4 views
1

J'écris un script en utilisant l'API REST jQuery et Flickr.API JQuery Flickr

suivant le pseudo algo

1) Hit API Flickr et obtenir une liste de photos à l'aide $.getJSON nad créer li éléments de la liste:

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) précharger toutes les images par refferring liste créée (Je ai des problèmes ici)

3) Au clic de chaque image afficher l'image du tableau préchargé

Maintenant, je veux ce

1) obtenir l'objet JSON de Flickr

2) créer la liste et l'ajouter à DOM

3) après l'insertion Successfull, courir à travers toutes les images de la liste et précharge les séquentiellement un par un.

J'ai aussi essayé l'option async, rien ne se passe

+1

avez-vous franchissez en utilisant Firebug? essayez de sortir cette fonction nommée et lancez un point d'arrêt là-dedans. Est-ce que ça entre? Quelles sont les valeurs des objets? Jusqu'à ce que vous me montriez que vous l'avez franchi, je ne le ferai pas. – geowa4

+0

neways merci pour les pensées cependant, je l'ai compris ... –

+1

S'il vous plaît poster votre code finished. @codemastersnake J'adorerais utiliser ce genre de chose. –

Répondre

0

je JS fonctions d'objet d'image et de charge dans une boucle while pour précharger les images avant de les ajouter DOM.

vous pouvez trouver le résultat en regardant le code source à: http://www.neerajkumar.name/necromancer/