有四张幻灯片，但第四张是与第一张相同的图片（它只是坐在后面，而2-4张幻灯片然后被推回到隐藏位置。
我的问题出现在方向箭头上。每个左右箭头有4个不同的ID，因此它们可以出现在特定的z索引处，因此我可以根据箭头的显示区分幻灯片。当我将鼠标悬停在幻灯片上时，会出现一组特定的箭头。
当我点击箭头时，我希望它在下一张幻灯片中滑动。但它完全混淆了脚本。我基本上想要它做nivo滑块的功能。看看吧。
答案 0 :(得分：0)
您的链接似乎已被破坏（因为我无法访问您正在解释的示例）。从它的声音来看，jQuery画廊/旋转木马将是你想要做的事情的理想解决方案......看看jCarousel - 它是一个非常灵活的内容/图像轮播，并且在你的场景中可以很好地工作。
答案 1 :(得分：0)
你不需要所有这些箭头。只有一个左边和一个右边。你可以用js和jquery来计算所有其余的东西。
这是我放在一起的简单版本：
http://jsfiddle.net/jtbowden/ZR9bM/
它并不完美，但它更简单。您遇到的问题是，每次单击箭头时，您都会通过一堆setTimeout开始一个新的动画循环。您需要在启动另一个超时之前停止现有的超时。在我的脚本中，我将超时或在这种情况下的间隔存储在变量中，然后调用clearInterval（或clearTimeout）来停止它。
当然，我也可以问......如果你喜欢Nivo，为什么不直接使用Nivo？
答案 2 :(得分：0)
谢谢。我摆弄你所做的并让它发挥作用。我不得不从悬停功能中删除clearinterval并将其添加到单击功能，然后在单个幻灯片后重新启动自动滑块。
然而，它在摇摆吗？我不想要nivo的原因是因为它没有摆动。此外，我正在努力学习写自己的东西。但看起来好像我们的新滑块不再摆动了。至少不如原来的滑块那么多。
两个版本都使用相同的功能： animate（{“left”：“ - = 800px”}，1000）;
他们为什么表现不一样？ 再次感谢