Слайк js полуслайд на первом слайде - PullRequest
Новая
       4

Слайк js полуслайд на первом слайде

1 голос
/ 21 января 2020

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

$(document).ready(function(){

  $('.slider').on("init", function(event, slick,direction ) {
    $( '.slick-list' ).addClass("half-slide");  
  });

  $('.slider').on("beforeChange", function(event, slick,direction ) {
    $( '.slick-list' ).removeClass("half-slide");
  });

  $('.slider').slick({
    dots: false,
    autoplay: false,
    infinite: false,
    speed: 500,
    slide: 'div',
    cssEase: 'linear'
  });

});

пример скрипта: https://jsfiddle.net/02q1xuzc/

...