带有图像缩略图的jQuery Slider

我需要一个带有缩略图滚动器的jquery滑块，类似于此图像。任何人都可以将我的链接发送到此类jquery旋转木马。谢谢:)

最佳答案

您有多个可以将其存档的滑块。
我个人总是使用flexslider，但nivoslider也是一个不错的选择。

http://flexslider.woothemes.com/thumbnail-slider.html

http://creative.glenfield.net/nivoexamples3.aspx

大多数情况下，滑块是css。

我认为对于您的情况，您将使用flexslider。

您需要创建2个滑块。
1充当另一个的导航。
这是flexslider所有选项的链接:
https://github.com/woothemes/FlexSlider/wiki/FlexSlider-Properties

对于主滑块，您可以使用下面的选项设置3个项目的可见性。

minItems    0   Number Minimum number of carousel items that should be visible.
maxItems    0   Number Maximum number of carousel items that should be visible.
move    0   Number Number of carousel items that should move on animation.

使用下面的代码将一个滑块用作另一个滑块的导航。

$(window).load(function() {
  // The slider being synced must be initialized first
  $('#carousel').flexslider({
    animation: "slide",
    controlNav: false,
    animationLoop: false,
    slideshow: false,
    asNavFor: '#slider'
  });

  $('#slider').flexslider({
    animation: "slide",
    controlNav: false,
    animationLoop: false,
    slideshow: false,
    sync: "#carousel"
  });
});

希望我已将您推向正确的方向。

关于带有图像缩略图的jQuery Slider，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/22679005/

Flexslider

带有图像缩略图的jQuery Slider