Как добавлять новые слайды при переходе к последнему/предпоследнему слайду?

Question

[Shillkas11]

Есть два связанных slick слайдера, суть в том что изначально при загрузке страницы в них должно находится 10 слайдов, но при пролистывании например до 9 слайда должны подгружаться еще 10 слайдов в оба слайдера, и т.д.
Как это реализовать?

Answer 1

[0xD34F]

Вешаете обработчик события afterChange, внутри которого проверяете номер текущего слайда. Если надо - добавляете новые слайды с помощью метода slickAdd:

$slick.on('afterChange', function(e, slick, slide) {
  if (slide какой надо) {
    $(this).slick('slickAdd', новыеСлайды);
  }
});

https://jsfiddle.net/3aefrdcm/