问题标签 [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.
css - 在其内容上制作容器 div 的最佳方法?
如果我在他们的演示中有一个基本的cycle2 :
有没有办法用css在图像上方制作外部循环幻灯片,以便单击可见图像实际上是单击容器,并且像rgba(100,100,100,0.5)这样的背景颜色将覆盖每个图像,因为它们改变?
jquery - jQuery cycle2 对锚幻灯片使用不正确的过渡
第一次使用 jquery cycle2。当我的幻灯片是图像时效果很好,但是当我的幻灯片是锚时,它不使用我指定的 scrollHorz 过渡效果。相反,过渡从锚点的右上角开始。
在下面的代码中,第一个幻灯片按预期工作,在第二个幻灯片中,过渡效果是某种未知类型(不是 scrollHorz)。
jquery - jQuery Cycle2 - 如何在 div 中有视频并在视频开始时暂停幻灯片?
我不想滑动视频和/或图像,我需要滑动 div,它可能会或可能不会在该 div 中有 Youtube 视频。
那么是否可以将 div 作为幻灯片,如果该 div 里面是视频,用户可以播放它,但是,如何在视频播放期间暂停幻灯片?
谢谢
jquery - 图像幻灯片上的文本 - jQuery cycle2
我正在为幻灯片使用 jquery cycle2 插件。现在我面临一个挑战。我可以使用该插件制作幻灯片,但问题是我想在图像顶部写一些文本,并且文本只需要出现在该特定图像中。但是,如果我使用 css 将幻灯片 div 位置设为相对而将文本 div 位置设为绝对,则不会发生任何事情。
代码 HTML:
代码CSS:
Anyhelp 将非常高兴。
jquery - Cycle2 寻呼机禁用 Youtube 视频控件
我正在使用 Cycle2 ( http://jquery.malsup.com/cycle2/ ) 幻灯片插件在我的网站上显示图像。问题是当我想与我的图像一起显示视频时,来自 Cycle2 的 css 禁用了对 youtube 视频的控制。
这是我用来显示图像和视频的代码:
我使用了几个演示中的一小部分代码。这是我的 CSS:
我设置该视频在前面播放时自动播放,如果用户将光标悬停在该视频上方,则幻灯片不会更改。如果用户删除光标,下一张幻灯片将在 2 秒后显示。此外,上面还有一个寻呼机,因此用户可以手动切换到某些图像/视频。
这是它的外观:
前四个点代表图像,最后一个是视频。问题是我无法访问视频的控件(暂停、播放、静音、单击视频名称...)。视频开始播放后,它们会立即消失。
谢谢你。
javascript - 在窗口调整大小时销毁 Cycle2
我正在使用http://jquery.malsup.com/cycle2/api/并且当我检测到移动设备时,我试图在窗口调整大小事件中销毁 cycle2 滑块。不幸的是,它返回以下两个错误:
也许有人可以帮忙,我做错了什么?这是代码:
谢谢你。
jquery - Cycle2:主幻灯片下方的中心轮播活动幻灯片
我有一个带有寻呼机轮播的 jCycle2 幻灯片,就像这个演示一样
我想让活动幻灯片在主轮播下方居中,但我还没有找到有效的解决方案。我尝试将 data-cycle-carousel-offset="40%" 添加到轮播中,效果很好,但是由于偏移,我无法访问轮播的最后 3 张幻灯片。我还尝试了具有相同结果的 CSS 解决方案。
附上所需结果的图像。
当前的:
期望:
谢谢!
jquery - jQuery Cycle2 sideshow字幕文本褪色?
我正在寻求帮助,以使标题文本在第 2 周期中淡出。我的文本在幻灯片之外,确实会淡出。这里提供的类似答案对我不起作用。这是我的幻灯片:
提前致谢。
jquery - Malsup cycle2 基于宽度滑动?
我正在尝试为 ipad 布局显示 3 张幻灯片,并在用户使用 iphone 时显示 1 张幻灯片。循环2可以吗?我该怎么做?
javascript - Cycle2 - goto:跳过
Cycle2 中是否有办法判断该goto
功能何时被跳过,因为它已经在该幻灯片上。
我有一些可以处理的情况,我想以适当的方式处理它,但我似乎找不到为此触发的任何事件。