问题标签 [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 投票
3 回答
475 浏览

jquery - 他们是如何让滑块像这样工作的

这个网站是如何让滑块像这样工作的?

http://www.wistar.org/

我自己制作了一个,但你可以看到大约 1/4 的下一张/上一张图像让我想知道。我所完成的只是以 0 周期时间只到下一个/上一个,但是下一个/上一个图像的褪色让我感到疑惑。

有人对如何处理这种方法有建议吗?

提前致谢。

Jsfiddle 不是原始的,因为我无法发布它,因为它是 wordpress php(快速制作):

jsfiddle.net/RkgrG/40/(没有足够的代表链接抱歉)

0 投票
1 回答
809 浏览

jquery - 触摸设备上的 jQuery Cycle2 问题(点击事件不会触发)

我正在使用带有 HTML 内容幻灯片的 jQuery Cycle2。除了我想用 jQuery click() 事件绑定的幻灯片中的元素之外,一切正常。在台式电脑上,该事件将触发,但不会在触摸设备上触发!

所以我想做的是绑定 a.more -link:

但这对触摸设备没有影响!

0 投票
1 回答
478 浏览

javascript - 悬停时jQuery Cycle2反转

所以我正在尝试使用 Cycle2 插件创建一个轮播。与此不同的是,它不仅仅是在单击下一个和上一个按钮时来回循环,它还会在将鼠标悬停在按钮上时开始来回循环。

我可以使用以下代码为下一个按钮创建此行为,该代码暂停轮播并在下一个按钮悬停时恢复它。

我无法弄清楚如何在上一个按钮悬停时反转幻灯片的方向。有任何想法吗?

非常感谢任何输入。提前致谢。

0 投票
2 回答
150 浏览

php - Href 在一页上工作但不在另一页上?

我在页面上的这个 href 包含在循环 2 滑块中,因此在图像下有一个标题。但是它在单击并打开一个新选项卡时不起作用,它仅在您右键单击然后单击“转到....”时才起作用。有谁知道为什么?

wordpress 上的插件:http: //www.advancedcustomfields.com/

代码: <a class="alt-caption" href="http://<?php the_field('url_site'); ?>"><?php the_field('url_site'); ?></a>

0 投票
2 回答
4136 浏览

jquery-cycle - JQuery Cycle 2:如何正确显示第一张幻灯片的索引?

我使用 JQuery Cycle 2 并且需要在显示幻灯片时显示其索引。

这是HTML:

这是Javascript:

这是小提琴演示:

http://jsfiddle.net/mddc/kKD9S/1/

问题是在页面加载时显示第一张幻灯片,但没有触发“cycle-before”事件,并且第一张幻灯片似乎在最后一张幻灯片中处理。

我做错了什么?

谢谢!

0 投票
0 回答
388 浏览

jquery - cycle2 不触发循环完成事件

无法完成循环以触发。有没有人看到这有什么问题

http://jsfiddle.net/aQe8X/

0 投票
0 回答
724 浏览

jquery - Cycle2 响应式嵌套幻灯片

我正在尝试使用 Cycle2 http://jquery.malsup.com/cycle2/在幻灯片中制作幻灯片,但遇到了一些问题,因为我希望幻灯片的高度是动态的,并且它下面的任何内容都被推送在它下面。

幻灯片中有两个选项卡,显示两张幻灯片,每张幻灯片包含 6 个高度可变的“产品”。这是我到目前为止的一个例子:http: //jsfiddle.net/Leta9/8/

问题:

(1) 幻灯片似乎没有正确初始化。一旦您单击“Tab 1”和“Tab 2”几次,它会自行更正,但首先(对我来说,在 Chrome 中)我看到第一个选项卡后面的第二个选项卡。

(2) 内部滑块上的 scrollHorz 过渡看起来有点时髦,它并不总是像我想要的那样包含在红色框中,并且在过渡期间溢出。

(3) 滑块下方的内容没有被推到其下方。在此处应用外部幻灯片(即没有嵌套)之前http://jsfiddle.net/Leta9/7/响应高度工作正常,因为我已经添加了data-cycle-auto-height="container"(请参阅动态容器大小调整文档 - http://jquery.malsup。 com/cycle2/demo/container-resize.php)并且下面的内容保持在我想要的下方。

我也在这个网站上使用 Foundation 3,所以有一些额外的 CSS 样式与我在小提琴上模仿的列有关,但我不明白为什么这会影响事情。

实际上已经为此苦苦挣扎了几个小时,非常感谢一些帮助。谢谢!

HTML:

CSS:

0 投票
1 回答
2817 浏览

jquery-cycle2 - 如何在 jQuery Cycle2 Malsup 插件中禁用开始时的上一个按钮和最后一张幻灯片上的下一个按钮?

如何在 jQuery Cycle2 Malsup 插件中禁用第一张幻灯片上的上一张按钮和最后一张幻灯片上的下一张按钮?

我知道这个问题之前已经回答了 Cycle "1" 插件(并且它作为演示发布在 malsup 的页面上)。但是我该如何为Cycle 2版本实现它呢?我似乎在任何地方都找不到简单的答案,而且我太可怜了 Javascript 新手,无法理解 Cycle 2 API 页面。有人可以通过给我看一个小提琴来帮助我吗?

0 投票
1 回答
460 浏览

jquery-cycle2 - 将 JQuery.BlackAndWhite 与 Cycle2 轮播一起使用?

我正在组合一个基于 Cycle2 的轮播,基本上,其他所有图像都应该是黑白图像。所以,在第一次加载时,它会是这样的:

图像 A = 黑白
图像 B = 彩色
图像 C = 黑白
图像 D = 未显示

幻灯片放映后,它将是这样的:

图像 A = 未显示
B = 黑白
图 C = 彩色
图 D = 黑白

我发现了 Gianluca Guarini 的jQuery.BlackAndWhite插件,它通过添加类来处理黑白转换.bwWrapper。如果我使用该scrollHorz参数,则两者可以很好地协同工作,但在使用carousel. 轮播按预期运行,但 BlackAndWhite 并没有发挥作用。

我的代码如下。两个块之间的唯一区别是一个在 DIV 中。我的猜测是 jQuery.BlackAndWhite 运行,(window).load然后 Cycle2carousel进入图片?

关于如何让这些合作的任何想法?

0 投票
1 回答
243 浏览

window - 响应周期2

有以下代码

如何根据窗口的宽度制作多个carouselVisible?