在 Swiper (Reactjs) 中按住按钮实现连续移动幻灯片

时间:2021-05-31 06:09:37

标签: javascript reactjs swiper

我正在尝试在 Reactjs 的 Swiper 插件中实现一个功能来按住下一个/上一个按钮以使滑块不断变化(而不是每次点击后一个一个)。 我尝试了几种解决方案,但仍然没有结果。关于如何制作的任何想法? 谢谢!

这是我的代码。没什么特别的,效果很好,点击下一个/上一个按钮更改幻灯片。但是我无法实现如何按住这些按钮使幻灯片不断变化。

 <Swiper
            id="main-slider"
            tag="section"
            wrapperTag="ul"
            navigation
            // scrollbar={{ draggable: true }}
            slidesPerView={1}
            grabCursor={true}
            onSlideChange={(swiper) => {
              slideChanged(swiper.activeIndex);
            }}
            initialSlide={currGame || 1}
          >
            {allGames?.map((slide, index) => (
              <SwiperSlide key={slide.event_id} tag="li">
....... 
</SwiperSlide>

0 个答案:

没有答案