Принудительно клонировать слайды в пятно - PullRequest
Новая
       19

Принудительно клонировать слайды в пятно

0 голосов
/ 04 октября 2018

У меня есть нужное, которое я не смог разработать.

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

Проблема в том, что слайдов всего 3, потому что они останавливаются.Мне нужно было бы заставить слайдер клонировать слайды, как если бы у меня было 4 или более слайдов ... 

      $('.center').slick({
        centerMode: true,
        centerPadding: '0px',
        slidesToShow: 3,
        slidesToScroll: 1,
        dots: false,
        focusOnSelect: true,
        adaptiveHeight: true

        });

Здесь я оставлю вам пример с достаточным количеством слайдов: https://jsfiddle.net/f580ys4b/1/

ИВот пример только с 3 слайдами: https://jsfiddle.net/f580ys4b/2/

1 Ответ

0 голосов
/ 04 октября 2018

Перед запуском Slick проверьте, больше ли количество слайдов, чем slidesToShow.Если это не так, дублируйте дочерние элементы до тех пор, пока не будет отображено больше слайдов, чем слайдов.Может быть легко сделано с помощью jQuery. 

var slideCount = jQuery(".slide").length;
if (slideCount <= 3) {
  // clone element
  jQuery(".center.slider").children().clone(true, true).appendTo(".center.slider");
}

jQuery('.center').slick({
  arrows: false,
  centerMode: true,
  centerPadding: '0px',
  slidesToShow: 3,
  slidesToScroll: 1,
  dots: false,
  focusOnSelect: true,
  adaptiveHeight: true
});
...