问题标签 [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.
jquery - 他们是如何让滑块像这样工作的
这个网站是如何让滑块像这样工作的?
我自己制作了一个,但你可以看到大约 1/4 的下一张/上一张图像让我想知道。我所完成的只是以 0 周期时间只到下一个/上一个,但是下一个/上一个图像的褪色让我感到疑惑。
有人对如何处理这种方法有建议吗?
提前致谢。
Jsfiddle 不是原始的,因为我无法发布它,因为它是 wordpress php(快速制作):
jsfiddle.net/RkgrG/40/(没有足够的代表链接抱歉)
jquery - 触摸设备上的 jQuery Cycle2 问题(点击事件不会触发)
我正在使用带有 HTML 内容幻灯片的 jQuery Cycle2。除了我想用 jQuery click() 事件绑定的幻灯片中的元素之外,一切正常。在台式电脑上,该事件将触发,但不会在触摸设备上触发!
所以我想做的是绑定 a.more -link:
但这对触摸设备没有影响!
javascript - 悬停时jQuery Cycle2反转
所以我正在尝试使用 Cycle2 插件创建一个轮播。与此不同的是,它不仅仅是在单击下一个和上一个按钮时来回循环,它还会在将鼠标悬停在按钮上时开始来回循环。
我可以使用以下代码为下一个按钮创建此行为,该代码暂停轮播并在下一个按钮悬停时恢复它。
我无法弄清楚如何在上一个按钮悬停时反转幻灯片的方向。有任何想法吗?
非常感谢任何输入。提前致谢。
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>
jquery-cycle - JQuery Cycle 2:如何正确显示第一张幻灯片的索引?
我使用 JQuery Cycle 2 并且需要在显示幻灯片时显示其索引。
这是HTML:
这是Javascript:
这是小提琴演示:
http://jsfiddle.net/mddc/kKD9S/1/
问题是在页面加载时显示第一张幻灯片,但没有触发“cycle-before”事件,并且第一张幻灯片似乎在最后一张幻灯片中处理。
我做错了什么?
谢谢!
jquery - cycle2 不触发循环完成事件
无法完成循环以触发。有没有人看到这有什么问题
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:
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
进入图片?
关于如何让这些合作的任何想法?
window - 响应周期2
有以下代码
如何根据窗口的宽度制作多个carouselVisible?