Letztes Bild fertig fadeIn

Question

var J_lis = $("#Jerseybox ul li img"); 
var count_jersey = 0 
J_lis.hide(); 
J_lis.each(function(g) { 
    $(this).delay((g + 1) * 360).fadeIn(); 
    count_jersey++; 
}); 

ich benutze $ .Each, um es fadeIn Bild eins nach dem anderen zu machen, mit diesem Code, aber gibt es sowieso ich könnte letztes Bild fadeIn wissen?

mein Ziel ist es, diese Bilder fadeIn nacheinander zu machen, und wenn das letzte Bild fertig ist, werde ich etwas entfernen.

Wie überprüfe ich das letzte Bild fertig fadeIn?

Answer 1

Man könnte so etwas wie tun:

var J_lis = $("#Jerseybox ul li img"); 
var count_jersey = 0 
J_lis.hide(); 
J_lis.each(function(g) { 
//after fadeIn, increase counter 
//and check for g == J_lis.length 
$(this).delay((g + 1) * 360).fadeIn('fast', function(){ 
    counter_jersey++; 
    //if last image is finished 
    if(g == J_lis.length){ 
    //do something 
    } 
}); 
}); 

Ich weiß nicht, warum Sie counter_jersey brauchen, aber ich es trotzdem enthalten.

Answer 2

Wenn Sie Code ausführen direkt nach jedem Sie müssen es tun, wie so:

Wir überprüfen die Länge des Arrays Sie durch Looping, wenn sie die die gleiche wie die Länge des Arrays, Du bist am Ende!

Keine Notwendigkeit, count_jersey jetzt entweder zu verwenden.

var J_lis = $("#Jerseybox ul li img"); 
J_lis.hide(); 
J_lis.each(function(g) { 
    $(this).delay((g + 1) * 360).fadeIn(); 
    if (g === J_lis.length - 1) { 
    // here you have your last image! 
    } 
});