问题标签 [carousel]

花这么多时间试图解决这个问题，但这里有：

要求：

• 项目的垂直列表，在 div 容器中，结构 div/ul/li
• 用户应该能够滚动列表，通过将鼠标悬停在 div 上进行平滑滚动，向顶部和底部加速滚动
• 向两端滚动是无限的（即在列表的末尾，列表再次开始，而不是改变方向）
• 列表是通过js动态生成的
• 单击时选定的项目移动到中心，鼠标移出时，离中心最近的项目移动到中心
• 列表项没有固定高度

在放弃滚动我自己的解决方案之后......我尝试了 jcarousel，它可以被说服做所有这些事情，除了平滑滚动。此外，当单击列表末尾附近的项目 [使用 scroll()] 并且当前项目是第一项时，列表会一直向后滚动到最后，而不是仅仅滚动到下一个项目。

接下来是 jquery.serialscroll。一切正常，除了无休止的滚动，或者更确切地说，可以使底部无休止地滚动（通过相对 ul 中列表项的绝对定位），但我不知道如何滚动到顶部。

在滚动时，可以假设没有添加新项目。

没有平滑和可变/不可预测的滚动速度的要求，这些问题似乎并不难解决，但所有结合起来我似乎无法找到解决方案。

有没有我错过的 jquery 插件，或者有人使用 serialscroll 或 jcarousel 让它工作？

希望这是足够的信息，并且翻译不会丢失太多。

提前欢呼和感谢

我正在使用 jquery 轮播，并且我在此处自动旋转图像（http://jsbin.com/unoce/2），所以我遇到的问题是左侧的内容不是自动旋转“与”图像和箭头选择也不是。它仅在我单击左侧的内容然后右侧的图像与箭头一起适当移动时才有效。

有人可以提供支持，以便我可以让文本和箭头随图像“自动”旋转吗？

下面的代码只会旋转图像而不是其他任何东西......

这是一个演示，您也可以编辑此演示：http: //jsbin.com/unoce/2

谢谢，

埃文

我需要创建一个非常简单的图像切换器来自动更改我的图像。我有以下代码：

上述两个图像应在一定时间后自动切换（每 3-4 秒）。这意味着 4 秒后，我想用另一个图像更改名为/media/1618/5_1.jpg的图像。再过4秒，我会再次切换回来。我的其他图像之一也是如此。我怎样才能用一些 jQuery 来完成这个？

我使用 TinyCarousel 程序创建了以下示例页面。 http://www.dealred.com/wa/jqimage.htm

轮播工作正常，但由于我的主页空间较小，我们需要在不减小缩略图大小的情况下降低轮播的高度。

实际缩略图尺寸：175x175 轮播图像尺寸：140x140 所需图像尺寸：116x140（不显示图像的顶部 12 像素和底部 12 像素）。这将为我们节省 24 像素的高度，同时不会影响质量。

我在 Photoshop 中创建了一个示例需求。请检查一下。

是否可以通过使用 CSS 或 JQuery 来实现这一点。请帮助提供代码。谢谢。

和许多其他人一样，我正在为我的主页寻找轮播。我已经看过市场了。

我最喜欢的是几个现有的混合。而且，如果可能的话，它应该基于 jQuery，因为我已经在使用它了。不过，一些好的轮播是基于 mootools 的。

那么，我喜欢什么？ noobSlide不错。完美的将是 6 和 7 的混合：6 具有更大的图片，带有一些叠加和链接。7 具有图像的平行定位。问题：我有 >50 而不是 8，所以我需要某种滑块。 SmoothGallery有一个不错的滑块（点击图片后）。

所以，根据要求

• 带有叠加层的大图（信息 + 链接）
• 带滚动的水平滑块控件
• 如果可能的话，jQuery

你会把我送到哪里？我错过了一些很酷的组件/库？

我对 jQuery 很陌生，但基本上我正在寻找的是一个可以执行以下操作的脚本：

数字将改变整个幻灯片（图像和文本）。

有人可以指点我一个可以做到这一点的脚本吗？或者非常相似的东西，我只是在学习 JS。谢谢！

我正在为轮播使用轻量级 jQuery 插件，它工作得很好，只是它不支持圆形轮播，即它会自动滑动 1,2,3,4 然后向后滑动 4,3,2,1 而不是1,2,3,4 然后再次跳回 1,2,3,4，这就是我想要的。

这是它的 jsFiddle：http: //jsfiddle.net/vLZFh/

我真的很感激任何帮助。

非常感谢

我想在我的 iphone 应用程序中添加一些轮播效果。我想在轮播效果中显示一些项目。那么有人可以建议我如何做到这一点吗？

谢谢

我正在尝试使用 jQuery 和 HTML创建一个类似于http://www.aprica.jp/的轮播。为此，我需要能够将大（溢出隐藏）div 的内容水平居中到视口。任何想法我该怎么做？

我的轮播的以下链接无法正常工作，因为它应该在 IE 中。但是它在任何其他浏览器（如 chrome 或 firefox）中都可以正常工作。

这是相同的链接：

http://web.enavu.com/demos/3dcarouselwip/

我必须对源代码进行哪些更改，因为我已经完美地浏览了 10 多次代码。