Slick

JS
Код
      $('SELECTOR').slick({
    dots: false,
    arrows: true,
    infinite: true,
    autoplay: false,
    pauseOnHover: false,
    pauseOnFocus: false,
    autoplaySpeed: 3000,
    variableWidth: false,
    speed: 1000,
    fade: false,
    cssEase: 'linear',
    touchThreshold: 10,
    adaptiveHeight: false,
    vertical: false,
    verticalSwiping: false,
    centerMode: false,
    slidesPerRow: 0,
    slidesToShow: 3,
    slidesToScroll: 1,
    appendDots: $(),
    appendArrows: $(),
    prevArrow: $('.slick-prev'),
    nextArrow: $('.slick-next')
});

$('SELECTOR').on('swipe', function(event, slick, direction){});
$('SELECTOR').on('beforeChange', function(event, slick, currentSlide, nextSlide){});
$('SELECTOR').on('afterChange', function(event, slick, currentSlide, nextSlide){});

стандартные стрелки слайдера:
<button type="button" class="slick-prev"><div>Previous</div></button>
<button type="button" class="slick-next"><div>Next</div></button>