slick slider проблема с активным слайдом

#javascript #slickjs

Когда ставится параметр centerMode: true и слайдер бесконечно прокручивается то у
клонированного слайда активность не сразу срабатывает, когда карусель листается то
центральный блок принимает стили активности, но если начать листать до последнего то
у того блока что клонирован, активность не сразу применяется?



$(".slider").slick({
  autoplay: true,
  dots: true,
  slidesToShow: 3,
  centerMode: true
});
.slider {
    width: auto;
    margin: 30px 50px 50px;
}

.slick-slide {
    background: #3a8999;
    color: white;
    padding: 40px 0;
    font-size: 30px;
    font-family: "Arial", "Helvetica";
    text-align: center;
    transition: background 0.8s;
}
.slick-arrow{
  background: #000!important; 
}
.slick-prev:before, 
.slick-next:before {
    color: black;    
}

.slick-dots {
    bottom: -30px;
}

.slick-current {
  background: black;
}






    
slide1
    
slide2
    
slide3
    
slide4
    
slide5
    
slide6




    

Ответы

Ответ 1

Вот исправленный ответ



$(".slider").slick({
  autoplay: true,
  dots: true,
  slidesToShow: 3,
  centerMode: true
});
.slider {
    width: auto;
    margin: 30px 50px 50px;
}

.slick-slide {
    background: #3a8999;
    color: white;
    padding: 40px 0;
    font-size: 30px;
    font-family: "Arial", "Helvetica";
    text-align: center;
    transition: background 0.8s;
}
.slick-arrow{
  background: #000!important; 
}
.slick-prev:before, 
.slick-next:before {
    color: black;    
}

.slick-dots {
    bottom: -30px;
}

.slick-center {
  background: black;
}






    
slide1
    
slide2
    
slide3
    
slide4
    
slide5
    
slide6