Swiper

      var VARIABLE = new Swiper('SELECTOR', {
    wrapperClass: 'SELECTOR-WRAPPER-INNER',
    slideClass: 'SELECTOR-SLIDE-ITEM',
    slidesPerView: 'auto',
    slidesPerGroup: 4,
    setWrapperSize: true,
    spaceBetween: 0,
    loop: true,
    longSwipes: false,
    grabCursor: true,
    observer: true,
    observeParents: true,
    observeSlideChildren: true,
    watchOverflow: true,
    updateOnWindowResize: true,
    freeMode: false,
    freeModeMomentum: false,
    autoplay: {
        delay: 3000
    },
    navigation: {
        nextEl: '.arrows__next',
        prevEl: '.arrows__prev',
        disabledClass: 'arrows__arrow_disabled',
    },
    pagination: {
        el: '.dots',
        clickable: true,
        bulletClass: 'dots__dot',
        bulletActiveClass: 'active'
    },
    breakpoints: {
        1200: {
            slidesPerView: 'auto',
            slidesPerGroup: 3,
        }
    },
    on: {
        init: function () {},
        slideChange: function () {},
        sliderMove: function () {},
        slideChangeTransitionStart: function () {},
        slideChangeTransitionEnd: function () {},
    }
});

$('.SELECTOR, .SELECTOR-ARROWS, .SELECTOR-DOTS').on('mouseenter', function(e){
    VARIABLE.autoplay.stop();
});
$('.SELECTOR, .SELECTOR-ARROWS, .SELECTOR-DOTS').on('mouseleave', function(e){
    VARIABLE.autoplay.start();
});