Плавный слайдер. Есть ли способ проверить, сколь скользит слайдер?

я использую слайдер Slick на своей странице, и я хочу узнать, есть ли способ проверить, сколь скользит слайдер, вправо или влево, а затем делать какие-то действия над этим событием?

В основном у меня есть событие проверки только на пользовательском стрелке, используя данные attr, но я хотел знать, могу ли я узнать его на var arrowPrev = ( '.a1' ); var arrowNext = ( '.a2' ); $ ( '.slider' ). slick (); $ arrowPrev . click ( function () { $ arrowPrev . data ( ' clicked ' , true ), if ( $ ( $ arrowPrev ). data ( 'clicked' )) { консоль . log ( 'here' ) } }); $ arrowNext . click ( function () { $ arrowNext . data ( ' clicked ' , true ), if ( $ ( $ arrowNext ). data ( 'clicked' )) { console . log ( 'there' ) } }); или когда он автоматически переместится.

Вот базовый скрипт для слайдера, который я использую:

beforeChange

javascript,jquery,css,slick.js,

0

Ответов: 2


3

В слайке слайдера есть несколько событий, которые вы можете использовать для обнаружения этого:

  • $('.slider').on('beforeChange', function(event, slick, currentSlide, nextSlide){ console.log(nextSlide); });
afterChange
  • $('.slider').on('afterChange', function(event, slick, currentSlide){ console.log(currentSlide); });
swipe
  • swipe
$('.slider').on('swipe', function(event, slick, direction){
  console.log(direction);
  // left
});

Для получения дополнительной информации проверьте раздел «Гладкие события» в разделе «Настройки» на официальном сайте Slick


-1

Чтобы определить направление скольжения на событииBeforeChange

infinte: true centermode: true / false

var dir;
    if((currentSlide<nextSlide&&currentSlide==nextSlide-1)||(currentSlide==slick.slideCount-1&&nextSlide==0))
          {
               dir='right';
          }
    else if(nextSlide<currentSlide||(nextSlide==slick.slideCount-1&&currentSlide==0))
          {
             dir='left';
          }
    if(dir=='right')
    {
    //do something.
    }
    if(dir=='left')
    {
    //do something.
    }
JavaScript, JQuery, CSS, slick.js,
Похожие вопросы