javascript Слайдерстрансформациейнамобильных

Posted 2021-05-04

// Слайдер с трансформацией на мобильных
var service,
    serviceIsSlider = false,
    serviceSliderOptions = {
      dots: false,
      arrows: false,
      infinite: true
    };

function initServiceSlider(w){
  if(w < 768 && !serviceIsSlider){
    serviceIsSlider = true;
    service = $(".services").slick(serviceSliderOptions);
  } else if(w >= 768 && serviceIsSlider){
    service.slick('unslick');
    serviceIsSlider = false;
  }
}

initServiceSlider($(window).width());

$(window).on("resize",function(){
  initServiceSlider($(this).width());
});

$(document).on('click','.services-controls__btn_prev',function(){
  service.slick("slickPrev");
});

$(document).on('click','.services-controls__btn_next',function(){
  service.slick("slickNext");
});