скользящий слайдер для разных элементов ширины - PullRequest
Новая
       19

скользящий слайдер для разных элементов ширины

0 голосов
/ 27 апреля 2020

Не могли бы вы помочь мне решить мою проблему. Я хотел бы получить такой результат: слайдер Для всех разрешений окна одинаковые отступы между элементами для всех оконных разрешений

Логотипы имеют разный размер, если использовать slidesToShow: 5 или любое другое значение, мы получаем большое различные отступы для каждого элемента плохой ползунок

Я пытался рассчитать каждый отступ, но происходит скачок после смахивания, потому что элементы получают новые отступы после смахивания. variableWidth: true Приведенный ниже код пытается работать только для 6 активных слайдов, но с переходами: (

$('.slider__arrows').on('click', function(){
  let sum = 0;
  $('.slick-active .partners__slider-item').each(function(){
    sum += $(this).width();
  });
  let w = $('.partners__wrap').width()-sum;
  let pRightLeft = w / (6 * 2)
  console.log(sum);
  $('.slick-slide').animate({
    'padding-right' : pRightLeft, 
    'padding-left' : pRightLeft},600
  );
})

Пример показывает неактивные слайды введите описание изображения здесь

Я хочу смешать variableWidth и `slidesToShow 'без кусков других слайдов.

...