I would like to make a slider, which is continuously autoplay. It works fine, but the arrows and dots don't look to work properly. I'm not sure which of the settings should I change, but I would like the slider to instantly scroll after clicking on the arrow or dot.

I was trying to change some settings with the code below, but nothing seems to work fine.

When speed is set to 6000 autoplay has perfect timing, but the same slow speed is used on scrolling after clicking on the dot/arrow and this behavior is unwanted (it should scroll immediately to chosen slide). Could you please help me to understand what should I do to achieve my goal?

$(document).ready(function(){
  $('.test').slick({
    slidesToShow: 3,
    slidesToScroll: 1,
    autoplay: true,
    autoplaySpeed: 1,
    speed: 6000,
    dots: true,
    cssEase: 'linear',
    waitForAnimate: false,
    pauseOnFocus: false, 
    pauseOnHover: false
  });
});

.slick-prev:before,
.slick-next:before 
{
    color: black!important;
}

    

        
1
        
2
        
3
        
4
        
5
        
6