2009-05-30 8 views
1

En cliquant sur un lien, je ramène quelques images d'un JSON obtenir, puis en cliquant sur l'une des images peut obtenir la galerie à apparaître, mais je voudrais la première image à apparaître immédiatement, comme un événement une fois que le JSON a été chargé. Est-ce possible?Ouvrir la première image Fancybox automatiquement

Mon code est:

$("#json-get") 
    .css("cursor","pointer") 
    .click(function(){ 
     $.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?", 
      function(data){ 
       $.each(data.items, function(i,item){ 
        $("<a/>").attr("rel", "group").addClass("json-im").appendTo("#imgs").attr("href", item.media.m).append(
        $("<img/>") 
         .attr("src", item.media.m) 
        ); 
       }); 
       $("#imgs a").fancybox(); 
       // Load the first element 
      }); 
}); 

Merci beaucoup!

Répondre

3

Essayez d'ajouter:

$("#imgs a:first").trigger('click'); 

après avoir créé le fancybox.

+0

Brillant. Merci. J'avais initialement mis le premier lien (# json-get) à l'intérieur du #img div (qui a déclenché le get à nouveau). Déplacer le lien # json-get à l'extérieur a fonctionné un régal –

Questions connexes