I want to make the active thumbs fixed as in the link below, and only make the thumbs move on the last track. I want to use swiper.js instead of slick slider. How should I do it?
<script>
var swiper1 = new Swiper(".mySwiper1", {
spaceBetween: 10,
slidesPerView: 4,
freeMode: true,
watchSlidesProgress: true,
});
var swiper2 = new Swiper(".mySwiper2", {
spaceBetween: 10,
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
thumbs: {
swiper: swiper1,
},
});
</script>