问题标签 [infinite-carousel]

我正在尝试创建一个包含 7 天的轮播，其中每天都有项目。当按下下一个按钮时，jquery 查找表单的最后一个 span 元素，获取<span class="date">DATE</span>该值并将其传递给服务器以获取接下来的 3 个条目。然后将这些条目附加到<ul class="week">元素和整个 7 天向右滑动 3 个增量。我的第一个问题是在第一次点击之后 jquery 似乎没有看到动态生成的内容，只是将初始日期值发送到服务器，使其一遍又一遍地重复这 3 个日期。第二个问题是在单击足够长的时间后，它只是停止生成新内容并且无法将内容添加到最后，即使服务器仍然会在那些日子里吐出 html。我是这方面的初学者，可能没有最佳实践想通了。这是我的相关代码：

好的第一个问题解决了，从服务器发回的数据不包含日期周围的 span 元素，日期现在正确增加感谢@RoccoC5

一旦我足够高，我仍然会随机用完条目，在这种情况下，从 2011 年 8 月 15 日开始是 2011 年 10 月 26 日。

以下是加载 log_entries/ajaxdate/2011-09-12 时从服务器发回的代码：

jQuery 无限轮播可以工作，但它很跳跃。单击“向右滚动”后，它会向前跳跃，然后重置为其起始位置。然后，每次单击后它都可以正常滚动以滚动。当单击“左滚动箭头”时，它会平稳移动，但“无限”方面被打破：它滚动，留下空白区域，然后用正确的图像替换空白区域。这发生在所有浏览器中。

问题：错误的边距或轮播容器宽度会使其表现得像这样吗？如果不是，是什么原因造成的？

HTML

JS

CSS

来自 javascript noob 的另一个与 Vimeo 相关的问题...

我在这里设置了我的问题：http: //jsfiddle.net/ajtTF/

单击链接时，它将加载带有 Jquery 无限轮播库的内联 Fancybox 模式。该画廊目前包含 2 个嵌入的 Vimeo 视频。

一切都很好，直到模态关闭，然后重新启动。现在，由于某种原因，模态将第二个视频替换为第一个视频（即，显示同一视频的两个实例，而忽略另一个）。

在这种情况下，我最终会想要几个视频。如果应用一些额外的js，我不知道这是否值得考虑。

非常感谢，我必须强调我的 js 技能是不存在的，所以请清楚！随意弄乱我的例子。

这里的问题示例：http: //jsfiddle.net/EtWXX/

我将无限轮播设置为自动播放。它还嵌入了视频。但是，我需要它做两件事。

1. 播放视频时停止。
2. 如果与“下一个”和“上一个”交互，则停止。

我正在使用这个jQuery Infinite Carousel，但与演示的方式略有不同，您可以在“客户成功案例”标题下查看我的用法。

正如您将看到的，我已将轮播居中，并允许在轮播滚动时之前的图像仍然可见。当轮播第一次加载时，序列中的最后一张图像不会加载，因此第一张图像的左侧有一个空白区域。一旦轮播返回到第一张图像，最后一张图像也会短暂消失。

我自己尝试过多次修复这个问题，但是我缺乏 jQuery 知识，脚本只是停止响应，有人知道我如何获取序列中的最后一张图像，以显示轮播何时加载，而不是在到达开头时消失再次？谢谢。

这是 jQuery 脚本：

我在这里设置了一个快速小提琴。我想要的是能够无限地向左或向右滚动（旋转木马样式）并且只是让元素重复（即“脱落”右边缘并重新出现在左侧，反之亦然）。我能够捕捉到我在卷轴中的位置，但不确定在那之后最好的方法是什么。在我看来，在我尝试动态移动元素之前，有一个非常简单的技巧。

CSS

HTML

JS

我正在使用 jQuery.animate()创建一个无限轮播。我以前用过.animate()，没有任何问题。然而，这一次，动画没有完成。

这是一个非常简单的动画，更改margin-left为不同的值。值发生了变化，对我来说它看起来好像是完整的，但是函数没有触发。

这是我的代码：

问题区域是页面底部的轮播。我快跑了jquery-1.7.1.min.js。

我想我的主要问题是，即使事件似乎已经完成，什么可能会阻止此功能触发？

我正在构建一个无限的 jQuery 轮播。无限是它在向用户显示最后一张幻灯片之后立即显示第一张幻灯片。为了实现这一点，我在后完成回调函数中进行了这个小调整

$('#slide li:last').after('#slide li:first').

这基本上是使无限幻灯片发生的原因。但是，它尤其弄乱了第二张幻灯片。在从幻灯片 1 到幻灯片 2 的第一次迭代中，幻灯片 2 被幻灯片 3 取代（而且发生得非常快）。每次后续迭代都可以正常工作，幻灯片 2 将自身呈现为幻灯片 2 而不是幻灯片 3。

为了进一步理解这个例子，请看下面的 js fiddle，它捕获了所有必要的 HTML、CSS、jQuery。

用于 jQuery 无限轮播/幻灯片的 jsfiddle

有人知道怎么了:)？

因此，我正在尝试构建一个无限的 jQuery 轮播，它在一个方向上运行良好，但在另一个方向上却不行。好吧，它正在另一个工作，但只是一种。

为了使无限操纵发生，这就是我所做的：

正如你所看到的，这只是一些微妙的 dom 操作，它非常适合“向前”，但对于“向后”，它会出现故障。你可以在这里查看@JSFIDDLE

我已经做了一些技巧来解决这个问题，但它们都不起作用。有谁知道怎么回事？

我已经使用这个脚本在我的网站上创建了一个无限轮播。它是用 CSS 定制的，所以第一个和最后一个项目显示一半。

如果你继续点击右箭头，你最终会在最后碰到一个空白区域。到目前为止，我还无法解决此问题。任何人都可以提供任何解决方案吗？

这是相关的脚本：