问题标签 [jquery-cycle]

使用 jQuery Cycle 插件创建内容幻灯片（不是图片） - 我将如何使下面的代码工作？

这是我的幻灯片内容：

这是下面的自定义导航：

显然，我希望导航中的锚链接与上面的右侧幻灯片相对应。如果可能的话，我还想在当前选定的导航中添加一个“活动”类？

例如，Brightcove (http://www.brightcove.com/en/) 或多或少地做了我想要在幻灯片上实现的目标。

谢谢

伙计们，

我正在使用 jquery.cycle 插件来显示图片库..

我在这个画廊中有一个导航。

我需要在导航中为当前显示的图像添加类（活动）？

任何指针？

谢谢你

我有一个带有侧拇指的简单幻灯片，当单击它们时，黑条会滑动到适当的位置以“突出显示”它。

现在，只有当用户手动单击拇指时才会出现这种效果，所以我希望它在每张幻灯片转换后也能自动动画。

我认为 Cycle 有一个 After 属性，允许您在每张幻灯片之后执行一个函数，但是我将如何创建一个计数器或检索它当前所在的幻灯片“编号”？我需要它来确定黑条的位置。

谢谢

我目前正在使用这个 jQuery Cycle 插件：http: //jquery.malsup.com/cycle/

我有以下代码：

现在，它的工作原理应该是幻灯片和样式。但是，我正在尝试使用 jQuery 向当前显示的缩略图链接（包装在“products-slideshow-thumbs”类中）添加一个类。
当我点击缩略图链接时，上面代码中的 jQuery 添加了类，但是当我点击另一个缩略图链接时，两个缩略图链接都保留了“当前”类。有没有办法确保只有一个链接（当前链接）保持“当前”类？

我们欢迎所有的建议！感谢您的阅读。

因此，使用 Cycle 插件继续我的 jQuery 工作，我遇到了一个新错误。

错误说我的 jquery-1.3.2.min.js 文件的第 274 行，这是这里的这一部分：

我假设这是由我在页面上使用的循环函数引起的：

该脚本位于 HTML 之上：

我能够在另一个页面上使用这个脚本，但我想知道它是否与我在内容管理系统中使用的动态迭代有关，它根据我在视觉中的条目数创建“.slideshow”div编辑...？哇哇哇哇

我有人帮助扩展了 jQuery Cycle 插件并且效果很好（感谢 Levi Morrison！）。这是一个快速原型，所以它仍然有一些怪癖：

http://jsfiddle.net/9tgdK/12/

向上滚动会产生奇怪的效果，并且无法使其正常工作。另一件事是，当您将鼠标悬停在主要内容图像上时，它不会暂停。任何人都可以帮忙吗？

我有一个jQuery 循环插件的扩展版本并且效果很好（JSFiddle）。

如何向其添加参数，以便左侧的选项卡可以显示在右侧？

我正在使用带有自定义动画的 jquery 循环插件。它工作得很好！

但是，我希望幻灯片根据 index# 向右或向左推进，即如果用户单击链接 1 而幻灯片 #3 是活动幻灯片，动画将向右过渡，而如果链接 4 是单击幻灯片将​​过渡到左侧。

我正在寻找的功能与 scrollHorz/scrollVert 转换相同。

我知道我需要一些逻辑来关联当前帧和下一帧： if (frameclicked on is a higher index than the current slide) {animate to the left} else {animate to the right}

我只是不知道在哪里把它放在代码中。我希望这是有道理的。任何帮助将不胜感激！谢谢！

并不是说它可能有帮助，但我的自定义代码如下。

我有一个运行 malsup 的很棒的 jQuery 循环的页面。我使用的是最新版本 (2.99) 和 Safari 5.0.5。之前没遇到过下面的问题，感觉有点奇怪。

问题

有时当页面加载时，.slides元素只有 654 像素宽。我在 css 文件中将其设置为 960px。但是当我使用 JavaScript 来获取.slides元素的宽度时，它说它是 1271px 宽。嗯？这个问题偶尔也会发生在 Firefox (3.6.16) 上，但没有 Safari 那么多。奇怪的是，我似乎无法在 IE8 中复制此错误。

我的代码都是 W3C 有效的（除了对边界半径的 3 次调用）。也许使用表单元素作为循环容器有限制？是 Safari 行为不端吗？

JS：

CSS：

您可以（希望）在此处查看实际的“错误” 。我很想知道其他人是否没有发生这种情况（可能必须按 F5 几次）。

我很想修复这个烦人的小错误。在循环后设置容器宽度的解决方法已经调整了它（毫无疑问是错误的宽度）只解决了一半的问题。移至下一张幻灯片后，宽度将减半。下一张幻灯片，它再次减半。所以在幻灯片 3 之后，它将所有内容压缩到 240 像素宽。

我想解决这个问题的方法是强迫每个人都使用 Firefox/IE（它将驻留在公司内部网上）。

感谢您提前提供任何帮助和见解！

担

编辑 更新链接：https ://necms.com.au/cycle_oddities.php

编辑：不知何故，在搞砸了两天之后，我知道我会在我把它贴在这里之后弄清楚。供将来参考，由于高度和宽度的某种原因，自动似乎不起作用。在循环插件中手动定义它，如果您使用不同尺寸的图像，请使用查找器功能查找最大值。这似乎可行，但如果有人有解决方案让“自动”恢复工作，我会喜欢的。很抱歉在这上面浪费了空间！

工作周期代码：

这是我看到其他人遇到的问题，我以前遇到过并解决了。不幸的是，即使在使用了之前似乎有效的“修复”（绝对定位和向左或向右浮动）之后，它也弹出了。当我的页面开始加载时，文本出现在图像旁边，正如它应该的那样。一旦 cycle-lite 启动，文本就会移动到幻灯片下方（因为它的 z-index 看起来较低），所以它被隐藏了。我使用什么 css 配置似乎并不重要，但我假设它一定是问题所在。我听说完整的循环插件可以工作，但我只能编辑身体的一部分，而循环精简版是头部预先包​​含的内容。我也无法真正更改“这是一些文本”，因为我并不总是写它的人。这要进图书馆，但我不能

我的代码：