Установил и подключил слайдер. Но на сайте есть переключение по вкладкам и в каждой вкладке есть слайдер, в первой вкладке после загрузки всё отображается как нужно, но при переключении в другую вкладку, все слайды смещаются в кучу. Как можно решить эту проблему, или посоветуйте похожую библиотеку с адаптивными слайдерами, находил сам но нужна 3 слайда первоначально на экране.
Должны быть слайды в прямоугольниках, а получается в куче, но при нажатии на стрелочки всё востанавливается.
<div class="lic-slider" id="lic1">
<div class="slider">
<p>TEXT</p>
</div>
<div class="slider">
<p>TEXT</p>
</div>
<div class="slider">
<p>TEXT</p>
</div>
<div class="slider">
<p>TEXT</p>
</div>
</div>
и сам код запуска слайдера
$('#lic1').slick({
dots: true,
infinite: false,
speed: 300,
slidesToShow: 4,
slidesToScroll: 1,
responsive: [
{
breakpoint: 1024,
settings: {
slidesToShow: 3,
slidesToScroll: 3,
infinite: true,
dots: true
}
},
{
breakpoint: 600,
settings: {
slidesToShow: 2,
slidesToScroll: 2
}
},
{
breakpoint: 480,
settings: {
slidesToShow: 1,
slidesToScroll: 1
}
}
// You can unslick at a given breakpoint now by adding:
// settings: "unslick"
// instead of a settings object
]
});
такие же и для остальных вкладок, меняются только id.
