问题标签 [carousel]

I would like to create a blackberry component which has the following capabilities:

• Horizontal scrolling of various image fields much like a carousel/springboard interface.
• Circular dots as indicators for the image that's focused on, located at the bottom.
• When user swipes or slides the images left or right, the next image that's in the center position should be focused and slide animation should lock the image into position.

I'm able to do a simplified version of this where I have three image placeholders across the screen horizontally. When the user swipes, the images will change (i.e shift left or right, with the focused image in the center).

However, I want to know how I can implement smooth scrolling with momentum, showing the image locking in center when the user scrolls/swipes left or right.

我需要在我的网站上循环浏览 4 张图片，我不想在网站上添加另一个插件，所以我创建了自己的简单轮播（下面的 html、css 和 js）

我的问题是，仅通过查看此代码，是否有明显更简单/更好的方法来做到这一点？

html:

CSS：

js：

我正在寻找一些符合以下规范的原生 JavaScript 或 jQuery 插件。

• 依次移动一组图像 ( ul/ li)
• 连续移动，不分页
• 出现无限，从头开始无缝重启
• 能够在悬停时暂停
• 不需要或需要最少的附加插件

我意识到这听起来很简单。但是我浏览了网络并尝试了 Cycle 和 jCarousel/Lite，但没有成功。我觉得应该存在一个问题，并且想在写我自己的问题之前提出这个问题。

任何方向表示赞赏。谢谢。

我用 jQuery 创建了一个非常基本的滑块。有两个箭头，分别称为 .theleft 和 .theright，它们在单击时会移动一些 div 内容，因此一个充满图像的水平画廊会在 950 像素的范围内左右移动。这是代码：

HTML 非常简单：

我的问题是，当页面加载时，如果我做的第一件事是点击左箭头，画廊就会离开视口在右侧迷路，也就是说，我还没有找到“限制”滑块的方法行动...

你知道有什么方法可以改善吗？

非常感谢。

我需要构建一个可以连续滚动（启用分页）的滚动视图（例如 10 个项目）。换句话说，当您继续向右滚动时，您会看到您从开始到结束的项目一次，并且它一直在循环。

我正在寻找有关如何解决此问题的建议。我将收到一系列图像。我可以把它们放在一起没有问题。我主要关心的是如何/何时移动图像，以便它们在您滚动时不断出现在循环中。谢谢！

我最近阅读了 Web Designer 杂志中的十大 jquery 技术，并且喜欢http://www.struttcouture.com上的轮播效果。但我想对其进行更多定制。例如，有没有办法对图像进行切片，以便每个图像的不同部分可以与 div 中的链接而不是无序列表项？

很想知道你的想法。

谢谢朱迪思

我在http://wms-clients.com/wms2.0/2010/有一个测试网站。我正在使用我的主题中内置的 jquery carousel。我唯一的问题是，当我推进幻灯片时，它会跳过一些幻灯片，几乎就像是一次两张而不是一张幻灯片一样。我在其他网站论坛上看到过这个问题，但从未得到明确的答案。有人可以看看并给我他们的想法吗？

谢谢。

有谁能帮我在轮播中将显示图像编号从 3 增加到 5。

我正在使用以下文件

jquery.jcarousel jquery.jcarousel.min

我在 wordpress 主题中使用这个jQuery Carousel来显示几个横幅图像。我选择这个脚本是因为我不是一个可靠的 js 编码器并且需要自动实例化的分页。你可以在http://bfc.ravennainteractive.com看到这个问题的一个例子。它显示了第一张图像。有三个可用的图像，它列出了 3 个分页项，但图像 2 和 3 只显示黑色背景。

如果您查看源代码并单击图像，它们就在那里，网址很好。这是愚蠢的事情吗？

我正在使用一个 jQuery 轮播，从这里下载：http ://www.thomaslanciaux.pro/jquery/jquery_carousel.htm

它使用分页，并在单击页码时将一个名为“活动”的类应用于当前页码。我想在应用此类时触发一个事件，因为它还使用左右箭头将类应用到当前页码。

这是我希望在应用类时触发的事件：

我已经让它工作了，但只有在页面加载时：

默认情况下，第一个页码应用了该类，这就是页面加载时有效的原因。当课程应用于其他页码时，我需要发生这种情况。