Slick Carousel - показать все 3 предмета и продолжать прокручивать - PullRequest
Новая
       40

Slick Carousel - показать все 3 предмета и продолжать прокручивать

0 голосов
/ 14 февраля 2019

У меня есть только 3 предмета в карусели, и желаемая функциональность заключается в том, чтобы автоматически прокручивать их по одному и иметь один из них в центре в каждом раунде.

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

$('.slider-boxes .boxes-wrapper').slick({     
  dots:false,
  customPaging: function(slider, i) {
    // this example would render "tabs" with titles
    return '';
  },
  appendDots:$('.paging-dots'),
  centerMode: true,
  centerPadding: '0px',
  infinite: true,
  slidesToShow: 3,
  slidesToScroll: 1,
  prevArrow: false,
  nextArrow: false,    
  autoplay: true,
  autoplaySpeed: 2000,
  responsive: [
    {
      breakpoint: 800,          
      settings: "unslick"      
    }
  ]
});

например https://codepen.io/shamaleyte/pen/wNEeej

...