我正在玩swiper,我很想知道,有没有办法匹配两个不同的swipers的activeIndexes?
我们的想法是在页面上显示两个显示图像的游标,当你滑动一个时,其他的就会出现。
我试过swiper1.params.control = swiper2,但这并没有真正起作用,因为swiper1每个视图有三个幻灯片,而swiper2只有一个幻灯片,所以它们并没有真正同步。
所以,我开始玩mySwiper.activeIndex,但有些东西不起作用。
我正在使用http://idangero.us/swiper/,版本swiper@3.4.2
这是我的代码
const swiper1 = new Swiper(swiper-one-container, {
speed: 500,
spaceBetween: 20,
prevButton: '.left-arrow',
nextButton: '.right-arrow',
slidesPerView: 3,
loop: false,
});
const swiper2 = new Swiper(swiper-two-container, {
speed: 500,
spaceBetween: 250,
prevButton: '.left-arrow',
nextButton: '.right-arrow',
slidesPerView: 'auto',
loop: false,
centeredSlides: true,
});
swiper1.slideTo(swiper2.activeIndex);
console.log(swiper1.activeIndex);
console.log(swiper2.activeIndex);