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

slideshow - Cycle2 的 scrollHorz 在全屏图像上无法顺利运行

我目前在全屏(100% 宽度和高度)上使用带有 scrollHorz 的 Cycle2,背景图像的大小可以“覆盖”,此外页面上没有回调或其他很多内容,因此它是一个非常基本的滑块。

我发现当浏览器太大时,幻灯片过渡出现锯齿状,不流畅。然而,当屏幕较小时,它会更好一些。我也没有遇到任何“褪色”问题,或者至少它根本不明显。

我尝试过各种缓动和速度的组合,但运气不佳。

我不确定它是 css 的东西还是 cycle2 的东西,而且我无法通过谷歌找到类似的问题,有人可以解释一下吗?

HTML

CSS

0 投票
0 回答
1418 浏览

jquery - jquery-cycle2 轮播,带有多个响应和居中的幻灯片。可能的?

是否可以让“cycle2”在以流畅/响应幻灯片为中心的旋转木马中滑动多个项目?

三张幻灯片

0 投票
1 回答
560 浏览

jquery - Cycle2幻灯片多个寻呼机不工作

我试图让 Cycle2 的寻呼机出现在几个不同的位置。我将 Cycle2 站点中的示例用于多个寻呼机。由于我的应用程序没有运气,我尝试剥离所有内容并在小提琴中做。我的小提琴给了我与我的网络应用程序相同的结果。寻呼机很小,没有样式。

我也查看了 Cycle2 示例页面的来源。我似乎无法像在该站点上所做的那样,对我完全没有修改的示例。我究竟做错了什么。

http://jsfiddle.net/rplace/uLb8u/1/

Cycle2 站点显示寻呼机示例...我对多个寻呼机示例(第 2 个)感兴趣。 http://jquery.malsup.com/cycle2/demo/pager.php

0 投票
1 回答
2464 浏览

slideshow - 将幻灯片/轮播合并到自定义 tumblr 主题中

这里有一个非常特殊的问题:

我一直在本地开发一个 tumblr 托管网站,使用 API 来拉入帖子,而无需将项目复制并粘贴到 tumblr 中一百万次。我决定我更喜欢 API 并且只会在生产中使用它,但是现在是部署的时候了,我意识到我必须回到自定义主题、{block:Posts}方法。

我将帖子输入Cycle2幻灯片,其中 3 张幻灯片包含 3 个帖子,每张幻灯片共有 9 个播放列表可查看,无需返回存档。此方法与 api 完美配合,但在自定义主题中变得混乱。这是我当前的代码:

我也尝试取消帖子编号,但仍然没有骰子。在 tumblr 的文档中,他们说

示例:{block:Post5}我是第五个帖子!{/block:Post5} 只会在显示的第五个帖子上呈现。

我想知道“正在显示”是否指visibility的是帖子的 html,如果是这样,是否会干扰循环插件?结果是每张幻灯片有一个格式错误的帖子,然后在循环浏览 2 张空白幻灯片后,下一个最旧的帖子将取代它。如果有人遇到过类似的问题,我会感到惊喜,但我会寻求一些建议。这是供参考的开发站点(第二个轮播正在工作,因为它仍然连接到 api)。谢谢!!

0 投票
1 回答
375 浏览

css - Cycle2 与 DIV 元素 - 开始时的第一个元素垂直未对齐

这是我遇到的问题:

如您所见,当 Cycle2 启动时,第一个元素未对齐,在第二个项目通过后,对齐是“似乎已修复。我试图查看导致它的原因,但我找不到任何东西。任何想法?

谢谢!

0 投票
1 回答
2747 浏览

jquery - jQuery图像Cycle2在悬停时开始

我希望采用 Cycle2 Pause On Hover 的功能,但将其实现为反向运行。这样幻灯片仅在悬停时开始(并在鼠标离开图像时结束)

这是下面的演示

Cycle2 悬停时暂停 - 演示

这是代码

0 投票
1 回答
719 浏览

jquery - 当我将它从外部拉入时,jQuery Cycle 2 无法正常工作

我的网站正在使用 jQuery cycle2 插件。

我的问题是我将外部 HTML 块拉入我的网站以创建“单页网站”。该插件工作正常,直到我将其从外部拉入然后它停止工作。(不起作用,分页消失)。

以前版本的循环插件工作正常,但我宁愿使用 cycle2 作为它更好的响应(我的网站是响应式的)。

这是我的开发网站 - 请参阅“我们的新闻”页面 - 这是出现问题的地方 http://www.chaosdesign.com/production/chaos2013-2/

谢谢

我已经尝试在我的 ajax 文件中使用 .getScript 拉入插件,并成功地将所有其他 JS 拉入此页面,但仍然没有:

0 投票
1 回答
860 浏览

javascript - 触发高度计算 - jQuery Cycle2

我有一个页面使用 Cycle2 来运行带有隐藏显示元素的幻灯片。

一切都很好,除了当我展开幻灯片并再次关闭它时,高度消失了。如果我稍微调整窗口大小,这将触发重新计算,然后高度的空间会被放回正确的位置。

我在用着

我基本上只需要触发在调整大小时发生的这个动作。

有小费吗?

0 投票
1 回答
1781 浏览

jquery - Cycle2 以响应高度为中心

我使用循环 2 插件。我正在尝试制作具有响应高度的居中幻灯片。

http://jsfiddle.net/Tancrede/gnH9H/4/

我希望这个幻灯片能够顺利流畅地工作。要点是图像将具有不同的大小,但它们都将是视口的 100%,并且它们必须居中(如果视口太小,甚至可以裁剪)。

我已经看到了这个似乎可行的提议(我不知道如何使这个解决方案适应我的问题):

保持宽高比的响应式背景

但我只对高度感兴趣,我不是在寻找真正的全面屏。

我的猜测是解决方案是使用 javascript,但我不知道从哪里开始......</p>

0 投票
1 回答
9471 浏览

jquery - jQuery Cycle 2 Carousel 使用分页器和下一个/上一个链接

我一直在玩 Cycle 2 插件,特别是这个例子:http: //jquery.malsup.com/cycle2/demo/caro-pager.php

我在本地有这个,我想改变它,以便在需要时可以选择拥有数字寻呼机,这样我就可以同时拥有下一个/上一个和寻呼机,或者只是隐藏一个并使用另一个。

问题是,如果您查看我设置的示例;http://jsfiddle.net/ZYEbT/ - 由于轮播上的属性,您将能够看到寻呼机没有正确显示data-allow-wrap="false",但是删除它会破坏可点击的轮播图像,但会显示所有寻呼机链接。

是否可以让 next 和 prev 与寻呼机一起工作?

我的 HTML:

jQuery:

如果我遗漏了什么,请告诉我你需要看什么。