问题标签 [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.
javascript - 带有过渡效果的循环 2 轮播
我正在使用 malsup 的 cycle2 carousel 插件来显示每张幻灯片包含多个元素的可配置幻灯片(使用 carousel-visible 选项)。我希望能够使用默认效果以外的其他过渡效果,例如淡出。
指定“fadeout”fx 而不是“carousel”有效,但 carousel-visible 选项不再有效,每张幻灯片的元素数始终等于 1。
以前有人遇到过这个问题吗?
提前谢谢你!
jquery - Cycle2 Carousel 不应更改上一个/下一个动作的活动幻灯片
像这里的照片库:
我正在创建图像中的此类照片库。它应该有以下选项:当单击缩略图行上的下一个/上一个按钮时,拇指应该移动一个位置,但移动拇指不应该改变大照片。我用 Cycle2 制作它并以这种方式初始化它:
但是现在当单击缩略图行上的上一个/下一个按钮时 - 它总是会更改缩略图中的活动幻灯片。所以我有一张活跃的大幻灯片和其他活跃的拇指(它们不一样)。我需要防止在拇指上的 prev/next 上更改“.cycle-slide-active”。可以用当前插件解决这个问题吗?
jquery - jQuery Cycle2 滑块 - 数字寻呼机如何更改活动幻灯片的属性
我为此进行了高低搜索。这是唯一一个似乎有人使用这个 Cycle2 库并提出问题的网站,所以我希望有人可以帮助我完成一项非常简单的任务。我有一个 ASP.NET 页面,它使用带有 div 而不是图像的 Cycle2 滑块。我根据他们的示例使用自定义寻呼机。一切正常 - div 转换和编号寻呼机上的链接在单击时会加载相关幻灯片,但寻呼机 div 中的数字链接在幻灯片转换时根本不会突出显示或更改 - 所以你永远不知道哪个数字是当前幻灯片。是否可以在激活相关幻灯片时更改数字的颜色?这是我的 aspx 页面中的一些标记。asp:PlaceHolder 标记中的内容由代码隐藏填充,
javascript - 使用 Cycle2 的响应式轮播
我正在使用cycle2和cycle2-carousel插件制作轮播。
在这里找到了一个解决方案,根据调整后的窗口宽度显示可变数量的项目。
问题是轮播由于另一个幻灯片而中断。
一切正常,直到主幻灯片循环它的第一张幻灯片,然后在页面上调整轮播大小,只显示一张幻灯片。
演示
jQuery
HTML
jquery - 循环 2 寻呼机样式
请您告诉我如何使用自定义图像创建寻呼机,以便在幻灯片更改时当前寻呼机更改为不同的图像?
在下面的示例中,我希望在激活不同的幻灯片时更改循环寻呼机图像。
任何帮助表示赞赏!
javascript - JavaScript 侦听器未触发
我正在使用 Wordpress,在我的主题顶部,这些脚本按此顺序排列。jquery.js
- cycle2.js
- header_scripts.js
-lightbox.js
我想要做的是链接灯箱和cycle2插件,所以当你按下灯箱上的next / prev时,幻灯片将在cycle2上改变。这段代码就是这样做的。
笔记。lightboxNext / Prev 在灯箱脚本中添加如下。
如果将此代码放在 Wordpress 循环中,它将起作用并被执行。但是,代码不能留在那里,因为如果有多个帖子,则侦听器会被触发多次而不是一次。
我尝试将我的代码移动到 header_scripts.js 中。代码不执行。以下代码已添加到 header_scripts.js
加载页面并单击正文,我在控制台中得到以下信息:
准备好文件
身体被点击
然而 lightboxNext/Prev 监听器不会触发。为什么?
我还尝试将此代码添加到页面底部。也不行。由于某种原因,该代码仅在 Wordpress 循环中有效。非常感激任何的帮助。
jquery - jQuery Cycle2 - 轮播页面导航
我正在使用 Cycle2 的 Carousel 寻呼机,设置与此处的示例非常相似。
我的问题是上一个和下一个滑块工作正常,但是单击轮播不会更改另一个滑块中的幻灯片。它在上面链接的 Cycle2 示例中工作。
检查小提琴中的JS:
示例中的 CSS 坏了但没关系,您可以看到问题所在。如果单击下一步,它会循环,但单击轮播中的图像不会更改滑块。
我总是在控制台中收到错误消息:
javascript - 中心/裁剪图像 - 使用 Cycle2 插件的响应式幻灯片
我正在研究在 cycle2 幻灯片中裁剪和居中图像的解决方案。
我正在使用此插件调整幻灯片中图像的大小并将其居中到父级。
我遇到的问题是我在图像转换后将其居中,但这会导致每张幻灯片“跳”到位。我似乎无法找到将所有图像集中在幻灯片初始化并调整大小的方法。
jquery - jQuery Cycle2 调整图像大小以适合 div,但仅限水平图像
喂!有没有办法调整800px X 600px
适合容器大小的图像大小,但600px X 800px
要保持正常的图像。我正在使用jQuery Cycle2
用于住宿的页面,用户可以通过 CMS 插入图像。所以会有各种各样的分辨率,我希望水平图像可以拉伸,但垂直图像不会。
jquery - jQuery Cycle2 幻灯片在 iPhone 上的 Safari 中向左挤压
您好,感谢您的帮助,我在这里创建了一个站点:
http://www.furniturebymartin.co.uk/index.html
索引页面上的幻灯片在除 Safari 之外的所有浏览器上都能很好地工作,但仅限于 iPhone 上的 Safari。在 iPad 上看起来很棒。在 iPhone 上,它将图像压缩到页面的左侧。我不知道如何解决这个问题。我已经在互联网上搜索了答案,但没有运气。如果有人可以提供帮助,我将不胜感激。谢谢。