问题标签 [jquery-cycle2]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1089 浏览

twitter-bootstrap - 使用引导模式和循环2在Firefox中不受限制的图像

我正在尝试在引导模式中放置一个简单的幻灯片。我正在使用 Cycle2 进行图像转换。这在 chrome 和 safari 中运行良好,包括移动设备。问题是图像不受 Firefox 和 IE 中模态窗口大小的限制。当我只有图像时它可以工作,但是当我用文本内容将图像包装在 div 层中时,它就会爆炸。我有 2 个只显示图像的小提琴,第二个也显示内容。

只是图片: http: //jsfiddle.net/GswZ2/1/(适用于所有浏览器)

带有内容和图像: http: //jsfiddle.net/aFmS9/4/(不适用于 IE 和 FF)

提前感谢您的帮助!

0 投票
1 回答
263 浏览

javascript - How to use Cycle2 while keeping compatible with NextGen?

According to the official FAQ, I can't use jQuery Cycle2 with its predecessor, jQuery Cycle plugin.

The problem is, I'm using this on Wordpress, and whenever I enable NextGen gallery, it enqueues the old Cycle plugin, which fails.

Is there a way to use both on the same page, or at least remove NextGen's Cycle and make a compatibility shim to make it use Cycle2?

0 投票
1 回答
2553 浏览

jquery - jquery cycle2 获取当前幻灯片的宽度

我正在使用 jQuery Cycle2 插件http://jquery.malsup.com/cycle2/demo/basic.php

我需要获取当前幻灯片/图像的宽度,然后使用它来设置另一个元素的宽度。

每个图像可能有不同的宽度,我需要在图像顶部有一个栏来相应地调整大小。

如何获得当前/活动幻灯片的宽度?

0 投票
3 回答
13524 浏览

jquery-cycle2 - 如何使用 jquery 循环 2 连续滑块但不止一个图像?

我正在使用 jquery 周期 2 来获得连续的幻灯片效果... http://jquery.malsup.com/cycle2/demo/continuous.php

这是代码:

这行得通。然而,只有一个图像在屏幕上滑动,然后出现下一个。我想要的是所有图像彼此相邻滑动,所以像 5 一样出现并旋转旋转?

0 投票
1 回答
1795 浏览

jquery-cycle2 - 在 jquery-cycle2 中使用 data-cycle-fx="none" 时,我看到旧图像下方的前一张图像在它改变之前

我有这张 img 幻灯片,当我点击时会发生变化。当图像更改时,我不希望有任何效果,就像它曾经在旧的 jquery 循环中一样,但是我得到了一个奇怪的效果,即 2 个图像相互重叠,直到第二个图像最终出现,然后第一个图像消失。

有谁知道如何避免这个问题?我从旧的 jquery 循环转移到新的循环,因为当我使用 fx:'none' 时,我的 DIV 格式有问题。谢谢

0 投票
1 回答
632 浏览

jquery - Cycle2 插件不滑动

我正在使用 jquery 和 cycle2 插件创建一个页面,但滑块不起作用。我在模板故障周围看了将近一个小时,一无所获。网站链接在这里,放四张图片旋转,没有任何反应。你觉得我做错了什么?创建新模板更容易吗?

我正在使用的html中的代码:

谢谢!

0 投票
1 回答
95 浏览

jquery - 为什么 webkit 浏览器会随机动画?

最近我注意到 jQuery 1.9+ 和 Cycle2 的一个问题,只有在 Webkit 浏览器中查看时。平铺效果应该从左到右平滑过渡:

正如您在jsfiddle中看到的那样,这种随机性只发生在 Chrome、Chromium、Midori... Webkit 浏览器中。

0 投票
1 回答
9900 浏览

jquery - Cycle2 初始化事件未触发

我将 Cycle2 用于基本的轮播。我的幻灯片项目有时在它们的数据中有一个 url,所以我必须使用 Cycle2 api 事件来使用该 url。

我的问题是,虽然“循环后”事件触发良好,但初始化事件都不会触发。因此,如果我的第一张幻灯片有 url,则什么也不会发生。这是我的代码:

第一个事件永远不会触发,但是当我滚动幻灯片时,'cycle-after' 事件工作正常。我还尝试了从未触发的“循环初始化”事件,以及仅在滚动后触发但不在初始化时触发的“循环更新视图”事件。

是什么赋予了?& thnx 提前:}

Cycle2 活动文档

0 投票
1 回答
961 浏览

jquery - 使用 Cycle2 基于活动幻灯片切换身体类

嗨堆栈溢出偷看,

我没有为此工作的代码,因为我不确定从哪里开始。所以提前道歉。

我已经在互联网上搜索了一个解决方案,但这感觉它可能非常简单(而且我把事情复杂化了)或者它有点专业。


当前情况:我正在使用Cycle2作为我选择的滑块(并且更愿意坚持使用它 - 很难让我使用另一个滑块,TBH)。每张幻灯片都有一个特定的“颜色”类,以及一个“幻灯片”类

我需要什么<body>:我需要根据活动班级的颜色更改班级。

想法:所以我还没有颜色类的命名约定,但我的想法是它可能类似于[name].col-[name]是黄色、红色等。所以当滑块的活动类是col-yellow时,它将此类添加到 中,因此我可以将背景颜色/图像(我想要的任何 CSS)添加到正文。<body>

然后,一旦活动幻灯片发生更改,并且如果它碰巧将其 body 类更改为col-red之类的东西,则<body>匹配。

我希望这是有道理的,并且是 Stack Overflow 领域的一些很棒的人可以帮助我的事情。


感谢您抽时间阅读!

0 投票
1 回答
326 浏览

jquery - 使用 jQuery 循环轮播子项定位失败

我想使用带有 "carousel transition" 的 jQuery 插件 cycle2制作一个新闻循环。它已经很好了,但是我需要解决一个问题。如果新闻项的高度不同,则容器获取最大子项的高度,并将其他项放在容器的底部。

http://jsfiddle.net/zd8sH/

谢谢!西蒙