问题标签 [jquery-cycle]

我绕着圈子跑，试图弄清楚为什么我不能让 jQuery Cycle 在我们的亚马逊商店工作。jQuery 似乎工作正常，因为我可以从控制台运行命令，但是每当我尝试调用 .cycle() 时，我都会收到“*.cycle() 不是函数”错误。我在其他几个网站上使用过循环没有问题，但这完全让我感到困惑。

这是一个非常基本的测试页面的链接，其中包含我无法工作的 Cycle 实例：http: //www.st-amz.com/content/Slideshow.htm

亚马逊的代码是一团糟，所以它可能与页面上的内容不合规有关，我不知道。任何帮助，将不胜感激。

暂时忘记我的问题...用词不当

我正在将此代码用于 jQuery 循环幻灯片...

脚本在这里...您可以跳过它并继续提问

风格在这里...您可以跳过它并继续提问

html代码在这里

现在我正在为我的图像使用LIST ......如何建议一个目录.. 意味着只需指定一个目录，它应该从目录中选择所有图像......

我正在使用 jquery 循环制作幻灯片。我注意到的一件事是在幻灯片期间，用户可以在完成动画之前单击并跳到下一张幻灯片。有谁知道在动画发生时禁用“下一个”和“上一个”按钮的最佳方法？

这很酷，我对此很熟悉。但是我希望下一个和上一个按钮保持可见，只是不能点击。在我的特殊情况下，按钮是设计中的图像。我只是希望用户在动画结束之前无法点击。

这里有点咸菜：

有一个大的 jquery.cycle 轮播，其中的幻灯片是 div 元素，里面有很多东西。

粗略标记：

问题是必须orverflow:hidden;设置“轮播” div 以防止出现一些错误，但是我需要某些幻灯片中的一些元素在鼠标悬停时显示下拉列表，当我这样做时，下拉菜单会出现超出旋转木马包装纸的范围并被切断。我的第一直觉是使用z-index，但这没有用。

关于如何“超越债券”的任何想法？

我目前有一个使用 JQuery 循环插件的站点。该站点使用该插件来更改主背景图像。循环插件还在 HTML 中创建了一个分页部分，在我的情况下，我已将其自定义为一组图像。

我要做的是在激活特定“页面”后更改寻呼机图像。我已经设法更改了图像，但是由于该站点在整个过程中使用了非常平滑的过渡，因此我希望从一个图像平滑地淡入到另一个图像，然后再返回。

你现在可以在这里看到一个例子：http: //pegaso.mammalworld.com/通过将鼠标悬停在“画廊”图像上，你可以看到它是如何运作的。

这是我需要修改的功能，而不是 Jquery 使用的淡出/淡入淡出，理想情况下，它将是一个简单的淡入淡出到下一个图像源，然后再次淡出：

更新

要查看网站上的效果，只需将鼠标悬停在图库上并观察背景图像的变化，从而在整个过程中更改寻呼机图像。淡入淡出需要像背景图像一样平滑......

请帮忙！:)

我有这个：

但是在某些情况下，我希望 fx 是 scrollRight 让我们说什么时候（myCondition == true）

我怎么做？

我正在尝试使用 jQuery“Cycle”插件（http://jquery.malsup.com/cycle/）来旋转位于<span>s 内的推荐信......但是该插件导致我的内容不居中。昨天早上有人指出<span>插件绝对定位了这些元素：$slides.css({position: 'absolute', top:0, left:0}).hide()

我不知道 JS，我仍在研究我的 HTML/CSS，所以我希望这里有人知道解决这个问题并可以帮助我。如果不是很好：/

我尝试添加left:50%，尽管它居中，但幻灯片已损坏，并且我的所有<span>s 立即出现。

[编辑]

这是 HTML 和 CSS：

独自一人，一切都按计划进行。然后我添加 jQuery/Cycle 插件：

这就是搞砸了。照原样，<span>s 一次显示一个，并像他们应该的那样淡入和淡出，除了由于绝对定位，文本不再居中。所以我改成left:0了left:50%——哇！解决问题的文本居中，除了现在跨度都同时显示并且没有淡入/淡出。

在我最近工作的几个网站上，这个问题一直让我感到困惑，我最终不得不采用另一种解决方案，但这次我决心深入了解它。

这是演示页面中的示例代码：http: //jquery.malsup.com/cycle/int2.html

这是我相当相似的片段：

nav div 作为普通的 jQuery 调用正确生成，但其中没有任何内容，是空的。这不是 CSS 问题，因为根本没有生成标记，我已更改为 jQuery 1.3.x - 1.4.x 的不同版本，我已将容器元素更改为除 div、ul 等之外的其他内容，并且我已将它从 document.ready 调用中删除，但仍然没有运气。

当我的图像尺寸较大（1000 x 560 像素）时，我的幻灯片显示不稳定（看起来 fps 很慢）。我将图像大小调整为 200 x 200 作为测试，并且褪色很平滑。有任何想法吗？