您如何为这样的轮播实现缩略图?

问题描述

我希望单击缩略图的无限滚动应平移并居中并放大,如下图所示。

enter image description here

现在它们在同一行中对齐,但是如何放大所选缩略图并向下平移一点? (React.js)

return (
        <div class="testimonials container pt-1">
            <Swiper
                id="thumbs"
                spaceBetween={0}
                slidesPerView={3}
                onSwiper={setThumbsSwiper}
            >
                {thumbs}
            </Swiper>
            <Swiper
                id="main"
                thumbs={{ swiper: thumbsSwiper }}
                tag="section"
                wrapperTag="ul"
                spaceBetween={3}
                slidesPerView={1}
             >
                {slides}
            </Swiper>
        </div>

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)