问题标签 [jquery-cycle]

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 回答
2579 浏览

wordpress - Wordpress & jQuery Cycle Plugin - 如何从包含 the_title() 和 the_excerpt() 的 div 中获取标题

我正在尝试在我目前正在开发的主题中使用 jQuery Cycle Plugin。我有 jQuery Cycle 在主页上显示帖子图像的幻灯片。但是,我的问题是我无法正确显示包含 the_title() 和 the_excerpt() 作为标题的 div 的内容。我正在使用以下代码:

这段代码的问题是它只显示所有幻灯片的一篇文章的摘录。这意味着当图像更改时 the_excerpt 不会更改。

那么我缺少什么?这是我第一次使用 jQuery,我希望有人可以帮助我。

PS 我知道如何从 img 的属性(例如“alt”)中获取标题,但我不想那样做,我想从 div 的内容中获取标题。

问候

-XO

0 投票
2 回答
1197 浏览

css - 结合 jQuery Cycle (Lite) 和流式布局

这已经让我发疯了一段时间——我想将jQuery Cycle Lite 插件与简单的液体布局结合起来。

我的问题是幻灯片下方的内容在其下方消失了——当幻灯片 JS 处于活动状态时,包含幻灯片的 div 的高度似乎为 0px。如果我删除幻灯片代码(并且只使用静止图像),则 div 被其中的图像推到正确的高度。

由于幻灯片本身会随液体布局缩放,因此我无法为幻灯片指定 px 高度。任何人都可以提出解决方法吗?

代码如下,但在http://jsbin.com/ubufi5/edit查看我一直在使用的示例可能会有所帮助。

谢谢阅读!

HTML/CSS:

JS:

0 投票
1 回答
3959 浏览

javascript - jQuery Cycle - img 幻灯片未加载,正在排队幻灯片

我正在使用 jQuery Cycle 插件创建一个非常简单的幻灯片:

标记:

脚本:

pagerAnchorBuilderpager是在(.thumbs在我的示例中)中创建缩略图的函数。这个想法是缩略图是在其中创建的,.thumbs并且.slides是幻灯片的包装(在我的例子中是图像)。

但是,我在控制台中得到了这个日志(不是错误或警告,只是日志):

[循环] 1 - img 幻灯片未加载,正在排队幻灯片:gallery01.jpg 0 0

幻灯片仍然有效,但它不会创建缩略图,告诉我函数中的img变量pagerAnchorBuilder是未定义的。

知道“重新排队幻灯片”是什么意思以及为什么图像未定义吗?我过去多次使用过这个确切的片段,以前从未遇到过这个问题。

0 投票
1 回答
615 浏览

jquery - Jquery循环插件没有暂停

我有一个有趣的问题......我创建了一个特色内容滑块,它为每张幻灯片触发一个子幻灯片......除了寻呼机上的暂停之外,一切都按预期工作。我已经尝试了原生选项以及将悬停事件绑定到寻呼机。任何帮助,将不胜感激。

函数子循环(){

}

0 投票
2 回答
9641 浏览

jquery - jQuery Cycle - 在动画到下一张幻灯片之前完成“之前”功能

我正在将 jQuery Cycle 插件用于滑块 - 在滑块移动到下一张幻灯片之前单击下一个链接时,我需要完成一个功能。

目前我无论如何都看不到在“之前”功能完成之前阻止下一个动作触发。我正在使用下面的代码。

目前我的 onBefore 函数和 next slide 函数都在同时动画。

我还尝试在插件之外创建下一个链接:

但这会导致幻灯片背景图像在动画之前发生变化,并且该功能仅在第一次单击时起作用:/

0 投票
2 回答
1464 浏览

jquery - JQuery.Cycle Plugin 在第一张图片中滑动

我正在尝试让 JQuery Cycle 插件将幻灯片效果应用于第一张幻灯片。有一个例子展示了如何淡入它,但我使用的是blindX效果,所以如果我在加载时从右向左滑动图像会看起来更好。

有任何想法吗?

谢谢,

塞巴斯蒂安X

0 投票
3 回答
658 浏览

jquery - JQuery Cycle Plugin:单击页面上的任意位置并触发循环

我是一个 JQuery 菜鸟,我遇到了一个我无法解决的小问题。我正在使用 JQuery Cycle 插件。当我预览页面时,我可以单击页面上的任意位置并触发幻灯片。

我希望幻灯片仅在单击图像或 div 时循环播放。

我的代码如下:

html如下:

我试图将 JS 包装在一个 click 函数中,但它不起作用。感谢您的任何帮助。

0 投票
1 回答
507 浏览

css - 循环IE7层

我在使用应该“悬停”在使用 JQuery 循环插件切换的图片上的小 div 时遇到问题。图片的宽度为 950 像素,图片右侧的一个小盒子应该是最新消息。

问题是在 IE 的兼容模式下,盒子似乎松动了它的 z-index 并最终出现在图片后面。它适用于 IE8、Opera、Chrome 和 Firefox。

我试图删除 2 张图片,所以只有 1 张图片显示,然后由于某种原因它也可以在兼容模式下工作。我试图删除 img-tags 之间的空格,但没有运气,margin: 0; padding: 0 全部但没有运气

有人知道可能出了什么问题吗?

CSS 代码

JavaScript 代码

HTML 代码

  • 已解决 - 附加说明*

在除 IE7 之外的所有浏览器中,您都需要指定,例如 top: 0; left:0 如果你要使用 position: absolute。否则,它通常会出现在站点的右侧。另一件对 IE7 没有意义的事情。

0 投票
1 回答
701 浏览

javascript - Jquery Cycle 和 Ajax 字幕

我正在使用 Jquery Cycle 淡化 Ajax 加载的一些图像,并使用onBefore插件中的选项显示相应图像的标题。褪色部分的效果非常好。标题部分有点工作,只是不是只加载当前图像集的标题,而是加载标题,并且在每个图像转换之间闪烁一个随机标题,用于属于先前加载的图像集的图像。

我尝试将标题加载设置为两者before:after:插件选项,但没有运气,我尝试.empty()在加载新标题之前使用清除标题容器。还是不行。Jquery Cycle 被称为我在 CMS 中使用的 Ajax 插件的成功功能;我猜标题问题与 Jquery Cycle 被多次调用有关,但即使在启动它的新实例之前破坏 Jquery Cycle 也无助于标题问题。这是我的 Jquery Cycle 函数的样子:

是现场直播,您可以看到正在发生的事情。任何帮助将不胜感激。

0 投票
2 回答
2248 浏览

jquery - Jquery - 100% 宽度幻灯片,同时保持高度比例

我将如何创建一个使其高度与宽度成比例的全宽幻灯片?

所以我有我的 css 来创建我的全宽图像,保持它的比例:

标记是:

我遇到的问题是,一旦我将 jquery 插件应用于此,例如 jquery 循环,一旦开始缩放窗口,它就无法重新计算宽度和高度。

任何帮助将不胜感激 - 我愿意使用其他幻灯片插件或解决方案。

非常感谢