Slick.js Karussell ermitteln letzten Daumen zum Laden mehr

Question

$('.carousel').on('afterChange', function(e, slick, cur){ 
    console.log(slick, cur); 
    // if(??) loadMore(); 
}); 

Wie kann ich wissen, ob alle Folien im Karussell gesehen wurden, so dass ich mehr Folien laden und anhängen kann?

Wenn slidesToShow1 ist, würde ich einfach vergleichen das cur Argument mit Anzahl der Folien, wie kann ich es tun, wenn slidesToShow & slidesToScroll Wert von >1 und anders?

Answer 1

cur gibt den Index (0 basierend) der aktuellen Folie, so dass ihr mit der Gesamtzahl der Folien vergleichen - 1. Das slick Objekt enthält ein $slides Objekt, das ist ein Array all Folien darstellt.

Mit den Informationen über Sie können den letzten Daumen erkennen, indem die unten tun.

$('.carousel').on('afterChange', function(e, slick, cur) { 
    if (cur === slick.$slides.length - 1) { 
    //Replace with your "Load More" logic 
    console.log('Load More'); 
    } 
}); 

Fiddle Demo