我正在构建一个幻灯片，在底部显示 3 个水平 div 和 3 个链接。链接需要一次滑动 3 个 div 并将其替换为接下来的 3 个 div（每次单击正好 3 个）这是我迄今为止构建的：http: //tipoos.com/buzz
我想知道是否需要在 UL 列表中执行此操作或仅使用浮动 div。最后决定使用div。
有谁知道我怎么能做到这一点？我还希望它每 5 秒左右自动滑动 3 个 div。
将不胜感激任何帮助谢谢，吉尔
问问题
2792 次
2 回答
1
如果一个插件是合适的，那么我以前使用过：http ://gmarwaha.com/jquery/jcarousellite/ 可以满足您的需求
于 2012-05-03T13:52:07.653 回答
0
检查您的页面的以下修改：
http://jsfiddle.net/snies/B4FB5/35/
主要思想是您需要 6 张图像才能滚动 3 进 3 出。他们住在 1 个包含“滑块”的 div 中，它会被移动。它必须足够宽以容纳 6 张图像。整个设置包含在一个“slider_window”div 中，其宽度仅足以容纳 3 个图像。这个将 css 属性“溢出”设置为“隐藏”。
想象一个硬纸板窗和一张带图片的纸条，现在您沿着窗户移动纸条。
为了便于使用和动画，我使用 jQuery ( http://api.jquery.com/animate/ )。
动画完成后，您将切换图像并将整个 div 移回原位。如果您预加载图像，则切换速度足够快以至于用户看不到它。或者，您可以删除一侧的图像并在另一侧添加新图像。在演示中，我只是在 5 秒后将其移回原位。
于 2012-05-03T14:40:13.043 回答