3

我正在找人推荐一个好的 jQuery carousel 插件,下面有缩略图,上面有更大版本的缩略图。有许多 jQuery carousels 可以选择幻灯片和缩略图,但我需要的是在幻灯片中显示 3 张图像。“当前幻灯片”的上一张图片和“当前幻灯片”的下一张图片。因此,当用户单击缩略图时,它还会滑动上面的幻灯片,其中包含 3 张图像。 在此处输入图像描述

任何想法如何使用现有的 jquery carousel 插件实现?我猜,具有“同步”功能的多轮播?还要别的吗?

我遇到了 FlexSlider,它可以选择带有缩略图轮播的幻灯片。带有缩略图轮播的 FlexSlider它会自动向幻灯片图像添加“flex-active-slide”。我决定根据“flex-active-slide”显示上一个和下一个图像,因此它在 1 个滚动中显示 3 个图像。但是,当我更改每个幻灯片的宽度时,不会添加“flex-active-slide”。这使得很难确定我想要一起展示的上一张/下一张幻灯片。我尝试过 CarouFredsel 等其他轮播,但找不到解决方案。

4

2 回答 2

0

我找到了一个似乎是您正在寻找的东西,除了较小的缩略图在主图像上方默认情况下与下方相反,因此您可能需要稍微修改代码。

在这里找到更多:

标记页面
演示

于 2013-09-18T14:13:26.003 回答
0

Swiper是这种用例最接近的实现。 http://idangero.us/swiper/

于 2019-02-23T05:59:00.503 回答