幻灯片中有多个图像(上一个/下一个)的jQuery滑块旋转木马?

时间:2013-08-19 07:46:28

标签: javascript jquery html slider carousel

我正在寻找一个人建议一个好的jQuery carousel插件,下面有缩略图,上面有缩略图的大版本。 有很多jQuery轮播可以选择幻灯片和缩略图,但我需要的是, 幻灯片显示3个图像。 “当前幻灯片”的上一个图像和“当前幻灯片”的下一个图像。因此,当用户点击缩略图时,它还会使用3张图片滑动上面的幻灯片。 enter image description here

如何使用现有的jquery carousel插件实现任何想法? 我想,一个具有“同步”功能的多个旋转木马?还有什么吗?

我遇到了FlexSlider,它有缩略图轮播幻灯片选项。 FlexSlider with thumbnail carousel它会自动为幻灯片显示图像添加“flex-active-slide”。我决定根据“flex-active-slide”显示prev和next图像,因此它在1个滚动中显示3个图像。但是,当我更改每个幻灯片的宽度时,不会添加“flex-active-slide”。这使我很难确定我想要显示的上一张/下一张幻灯片。我尝试过像CarouFredsel这样的其他旋转木马,但找不到解决方案。

2 个答案:

答案 0 :(得分:0)

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

在此处了解更多信息:

Markup page
Demo

答案 1 :(得分:0)

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