Как использовать slickGoTo для скольжения непосредственно к несмежному слайду, не видя все слайды между ними?

Question

Я использую скользящий слайдер, который показывает один слайд как активный.Я могу использовать стрелки для перемещения между слайдами. То, что я ищу, - это способ перехода к определенному слайду непосредственно с текущего слайда без скольжения всех слайдов между ними. Например, если я иду от слайда 1 к слайду 4используя slickGoTo, теперь он скользит как 1..2..3..4 .. То, что я хочу, это перейти от 1 непосредственно к 4, как 1..4 без скольжения через 2 и 3.

См. Этот кодовый блок

$('.sl1').slick("slickGoTo", 4);

Короче говоря, я хочу, чтобы переход от 1 до 4 выглядел точно так же, как переход от 1 до 2 ..

Answer 1

Вы упускаете суть в отношении ползунков.Это как карусель, где вы должны пройти каждый элемент, чтобы добраться до других.Однако, если вы измените значение fade: true при гладкой инициализации, вы получите желаемый результат (без скольжения).

$('.sl1').slick({
  initialSlide: 0,
  autoplay: false,
  arrows:true,
  fade: true
});

https://codepen.io/niklasp-the-looper/pen/JmmmKO