Jquery 在水平幻灯片中一次滑动3个div

我正在制作一个幻灯片，在底部显示3个水平div和3个链接。 链接需要一次滑动3个div，然后替换为下一个3个div（每次单击正好3个div） 以下是我迄今为止构建的：

我想知道我是需要在UL列表中还是仅仅使用浮动div。最后决定使用divs

有人知道我怎样才能做到这一点吗？ 我还希望它每5秒左右自动滑动3个div

非常感谢您的帮助

---

谢谢，Gil

如果有合适的插件，那么我以前使用过：which do your want

签出对页面的以下修改：

主要的想法是，你需要6个图像才能滚动3进3出。 他们住在一个有“滑块”的房间里，可以移动。它必须足够宽以容纳6幅图像。整个设置包含在一个“slider_window”div中，该div的宽度仅足以容纳3幅图像。 这个css属性“溢出”设置为“隐藏”

想象一下一个纸板窗和一张带图片的纸条，现在你沿着窗户移动纸条

为了便于使用和动画，我使用jQuery（）

---

动画完成后，您将切换图像并将整个div移回原位。如果预加载图像，则切换速度足够快，用户无法看到它。或者，您可以删除一侧的图像，并在另一侧添加新图像。在演示中，我只是在5秒后将其移回原位

太棒了！是否也可以顺利回环，因为现在它跳回到初始位置非常快，看起来不太好。可能会像正常滑动一样平稳地向后滑动。另外，如何激活底部的3个按钮以同时触发滑块？谢谢！Gil当然，它可以缓慢地向后滑动，只需使用animate（）函数而不是css（）函数将其向后设置。要激活按钮，只需将您喜欢的按钮连接到演示中的动画代码。我建议使用jQuery.click（）方法$（“#按钮id”）。单击（调用函数）——顺便说一句，如果你喜欢这个答案，如果你能接受它就好了