Когда ставится параметр 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;
}
Ответ
Вот исправленный ответ
$(".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;
}
Комментариев нет:
Отправить комментарий