jQuery Slider图像滑块，具有滚动导航和固定活动状态

Question

我已经设法在80％的路上获得了它并且工作得很好。我最后还是难过了。

它的作用： 目前当您使用next / prev导航时，所有列表项都会在无限旋转中移动，并且活动列表项保持不变

我希望它能做到： 使用next / prev我希望活动状态在列表项旋转通过此位置时保持静止（可视），将新内容调用到幻灯片区域。

先谢谢你的帮助。 这是我的小提琴：http://jsfiddle.net/eFJSg/18/

Answer 1

选项1

简单的解决方法是在函数中单击滑块右侧的任何按钮（进行一些修改）时包装触发的代码，并在下一个/ prev click()触发器中调用该函数。

修改包括找到活动按钮，选择下一个按钮，并在其上设置活动类。您已经编码了上下移动列表的机制。

选项2

您的第二个选择是使用active类创建一个单独的div，并将其放在右侧的按钮列表下方（即较低的z-index）。

这样，您实际上不需要将代码复杂化，而是通过活动类循环按钮。唯一的缺点是您需要对任何按钮上的click事件进行一些小修改，因为目前您正在转移活动类。你可以使用与下一个按钮相同的机制，让点击的按钮向上移动。