Abre primera imagen FancyBox automáticamente

Question

Al hacer clic en un enlace, voy a traer algunas imágenes de un JSON conseguir, y luego al hacer clic en una de las imágenes se puede conseguir la galería a aparecer, pero me gustaría que la primera imagen que aparece de inmediato, como una acontecimiento una vez que el JSON se ha cargado. ¿Es esto posible?

Mi código es:

$("#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
            });
});

Muchas Gracias!

Answer 1

Trate de añadir:

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

después de crear la FancyBox.