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

css - 在其内容上制作容器 div 的最佳方法?

如果我在他们的演示中有一个基本的cycle2 :

有没有办法用css在图像上方制作外部循环幻灯片,以便单击可见图像实际上是单击容器,并且像rgba(100,100,100,0.5)这样的背景颜色将覆盖每个图像,因为它们改变?

0 投票
3 回答
1347 浏览

jquery - jQuery cycle2 对锚幻灯片使用不正确的过渡

第一次使用 jquery cycle2。当我的幻灯片是图像时效果很好,但是当我的幻灯片是锚时,它不使用我指定的 scrollHorz 过渡效果。相反,过渡从锚点的右上角开始。

在下面的代码中,第一个幻灯片按预期工作,在第二个幻灯片中,过渡效果是某种未知类型(不是 scrollHorz)。

0 投票
0 回答
212 浏览

jquery - jQuery Cycle2 - 如何在 div 中有视频并在视频开始时暂停幻灯片?

我不想滑动视频和/或图像,我需要滑动 div,它可能会或可能不会在该 div 中有 Youtube 视频。

那么是否可以将 div 作为幻灯片,如果该 div 里面是视频,用户可以播放它,但是,如何在视频播放期间暂停幻灯片?

谢谢

0 投票
2 回答
5985 浏览

jquery - 图像幻灯片上的文本 - jQuery cycle2

我正在为幻灯片使用 jquery cycle2 插件。现在我面临一个挑战。我可以使用该插件制作幻灯片,但问题是我想在图像顶部写一些文本,并且文本只需要出现在该特定图像中。但是,如果我使用 css 将幻灯片 div 位置设为相对而将文本 div 位置设为绝对,则不会发生任何事情。

代码 HTML:

代码CSS:

Anyhelp 将非常高兴。

0 投票
1 回答
870 浏览

jquery - Cycle2 寻呼机禁用 Youtube 视频控件

我正在使用 Cycle2 ( http://jquery.malsup.com/cycle2/ ) 幻灯片插件在我的网站上显示图像。问题是当我想与我的图像一起显示视频时,来自 Cycle2 的 css 禁用了对 youtube 视频的控制。

这是我用来显示图像和视频的代码:

我使用了几个演示中的一小部分代码。这是我的 CSS:

我设置该视频在前面播放时自动播放,如果用户将光标悬停在该视频上方,则幻灯片不会更改。如果用户删除光标,下一张幻灯片将在 2 秒后显示。此外,上面还有一个寻呼机,因此用户可以手动切换到某些图像/视频。

这是它的外观:

在此处输入图像描述

前四个点代表图像,最后一个是视频。问题是我无法访问视频的控件(暂停、播放、静音、单击视频名称...)。视频开始播放后,它们会立即消失。

谢谢你。

0 投票
2 回答
3685 浏览

javascript - 在窗口调整大小时销毁 Cycle2

我正在使用http://jquery.malsup.com/cycle2/api/并且当我检测到移动设备时,我试图在窗口调整大小事件中销毁 cycle2 滑块。不幸的是,它返回以下两个错误:

也许有人可以帮忙,我做错了什么?这是代码:

谢谢你。

0 投票
0 回答
858 浏览

jquery - Cycle2:主幻灯片下方的中心轮播活动幻灯片

我有一个带有寻呼机轮播的 jCycle2 幻灯片,就像这个演示一样

我想让活动幻灯片在主轮播下方居中,但我还没有找到有效的解决方案。我尝试将 data-cycle-carousel-offset="40%" 添加到轮播中,效果很好,但是由于偏移,我无法访问轮播的最后 3 张幻灯片。我还尝试了具有相同结果的 CSS 解决方案。

附上所需结果的图像。

当前的:

当前的

期望:

期望的

谢谢!

0 投票
1 回答
593 浏览

jquery - jQuery Cycle2 sideshow字幕文本褪色?

我正在寻求帮助,以使标题文本在第 2 周期中淡出。我的文本在幻灯片之外,确实会淡出。这里提供的类似答案对我不起作用。这是我的幻灯片:

提前致谢。

0 投票
0 回答
149 浏览

jquery - Malsup cycle2 基于宽度滑动?

我正在尝试为 ipad 布局显示 3 张幻灯片,并在用户使用 iphone 时显示 1 张幻灯片。循环2可以吗?我该怎么做?

0 投票
1 回答
350 浏览

javascript - Cycle2 - goto:跳过

Cycle2 中是否有办法判断该goto功能何时被跳过,因为它已经在该幻灯片上。

我有一些可以处理的情况,我想以适当的方式处理它,但我似乎找不到为此触发的任何事件。