Domanda

Al momento cliccando su un link, sto portando in alcune immagini da un JSON ottenere, e poi quando si fa clic su una delle immagini in grado di ottenere la galleria di apparire, ma vorrei che la prima immagine ad apparire subito, come un evento una volta che il JSON è stato caricato. È possibile?

Il mio codice è:

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

Molte grazie!

È stato utile?

Soluzione

Prova ad aggiungere:

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

dopo aver creato il fancybox.

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top