匹配两个游标的activeIndex

时间:2018-03-15 17:54:18

标签: javascript swiper

我正在玩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);

0 个答案:

没有答案