问题标签 [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 回答
882 浏览

jquery - 帮助需要为jquery循环合并两个函数?

我有两个函数我想在我的前回调中使用 jquery 循环。一个在用户循环浏览时滑动寻呼机,另一个将图像水平和垂直居中在包含的 div 内。两者单独工作都很好,但我似乎可以让它们在 before 回调中一起工作。我有一个示例,显示了我所拥有的内容,但在 after 回调中设置了幻灯片功能。- http://tinyurl.com/27pmzj5

这是我到目前为止的代码。

非常感谢任何帮助让这两个都在 before 回调上工作!

0 投票
4 回答
3038 浏览

jquery - jQuery Cycle 插件 - 暂停/恢复奇怪的行为

我有一个使用很棒的循环插件运行的幻灯片,当您单击节目中的一个按钮时,我会在页面上显示一个隐藏层并发送一个“暂停”命令来循环。我有两个问题:

  1. 当接收到暂停命令时,循环立即翻转回序列中的第一张幻灯片(为什么??),并且不会击中我之前/之后的回调。

  2. 关闭图层后,我发送一个“恢复”命令循环。幻灯片继续播放(从第一张幻灯片开始,暂停的地方),但现在循环根本不会调用我的之前/之后回调,即使幻灯片正在进行。

所以我想我的问题是:我怎样才能正确地暂停/恢复幻灯片,这样这些奇怪的行为就不会发生?(为了完全清楚并避免任何混淆,这与“悬停暂停”功能无关,这实际上对我来说很好用。:-)

这是我的循环()初始化和我的回调函数。(你问我为什么要手动跟踪下一张幻灯片?因为当前幻灯片的内置值在之前/之后的回调中没有正确更新。)

感谢您对此的任何想法-

最好的,埃里克

0 投票
1 回答
569 浏览

jquery - 多个jQuery幻灯片的问题

基本上我正在使用 jQuery Cycle 插件设置一个包含多个幻灯片的页面。每个幻灯片('.slideshow')都有自己的导航,以寻呼机('.controls')的形式。但是,每次我单击寻呼机图标时,页面上的所有幻灯片都会淡入下一张幻灯片。我怎样才能防止这种情况,以便只有有问题的幻灯片具有过渡。我认为我下面的代码可以工作,但它不是,我如何显示选择了哪个寻呼机图标?

我的代码如下:

html 看起来像这样,但页面上有多个:

0 投票
1 回答
974 浏览

jquery - 在 IE 中获取 jQuery Cycle 插件问题透明图像黑色边框和白色背景

演示链接

你好,

当我使用 jQuery Cycle 插件时,我在 IE 中遇到透明图像的黑色边框和白色背景问题。

所以我知道这是已知问题,但我无法弄清楚。

这是我到目前为止所尝试的:

  1. unitpngfix.js 没有做到这一点
  2. cleartype: false (确实使段落透明但使图像边框变黑)
  3. 背景颜色:透明(确实使段落透明但使图像边框变黑)

我在这里有什么遗漏吗?

这只发生在 IE 中。

谢谢,

更新

我已经更新了代码......现在我没有得到白色背景,因为我将 div 高度设为零,但我的幻灯片放映在两者之间滞后......当它将图像从 1 更改为另一个时,它在 IE 中真的很慢而且它也是不光滑。

0 投票
2 回答
927 浏览

jquery - jQuery Cycle:循环 div 内的链接相互重叠?

编辑:我想通了。jQuery Cycle 插件为它处理的每个项目添加了一个 z-index,因此第一个项目总是具有最高的 z-index,从而弄乱了所有链接。从插件中删除 z-index 功能已修复它。

你好呀,

我目前正在使用具有一些内部链接的 jQuery 循环构建一个循环 div。基本上,我们有一个大横幅,然后在那个大横幅中,我有一些绝对定位的 div,其中包含产品、视频的缩略图等。我还有自定义分页。

所有这一切都非常有效,几乎。我现在的问题是,当它旋转到第二个 div 时,与第一个 div 相同位置的链接优先并与第二个 div 的链接重叠,因此使其对任何用户交互都无用。

这是我的代码的基础知识,以便更好地进行布局。作为对以下答案的回应,我还概述了我的职位安排。

在这种情况下,始终显示供点击的唯一链接是/product/page/

我希望这是有道理的,有谁知道我如何使用 jQuery Cycle 包来防止这种情况发生,或者每个rotation_item 上的一些有趣的 CSS 设置?

0 投票
1 回答
567 浏览

javascript - Jquery Cycle Plugin set thumbnail location

First off, my question is really similar to a question posted here, with the difference being I am using wordpess and the nextgen gallery plugin to manage my images, which writes images thumbnail images as such:

and thumbnails like this:

so what I am looking to do is set the source of the thumbnail. Here's my code:

$('#slideshow').after('').cycle({fx:'fade',speed:'slow',timeout: 0,pager: '#nav',

Any help would be greatly appreciated.

0 投票
1 回答
262 浏览

jquery - jQuery Cycle IE7+8 问题 - JPEG 上出现白色标记

我对 jQuery 循环插件有些困扰。现在 - 在功能方面一切正常,但是当它褪色到第二张幻灯片时,我的 JPEG 顶部会出现一些小的“白色标记”?

起初我认为这是一个 z-index 问题,但显然不是。我一直在对此进行一些研究,显然我没有成功,否则我不会在这里发帖!我发现使用以下选项:

可以通过改变背景颜色等来解决这个问题;这不会改变任何事情。我在这里提供了问题的屏幕截图:

http://www.bccfiles.com/wellieboots-new-2010/images/ieissue.jpg

任何帮助将不胜感激!

0 投票
2 回答
1290 浏览

jquery - jQuery 循环:在 Windows/Firefox/Cleartype 启用时,褪色的白色文本变为“绿色”

在 Windows 上,似乎当任何背景上有白色文本并且它确实转换时,文本在其opacity值切换回 1 期间自然会变成某种绿色阴影。

这是有道理的。但是,除了将文本的颜色从白色更改为其他颜色之外,有没有人知道任何解决方法来防止它在动画之间过渡到绿色阴影?

我在这里有一个完整的演示。

笔记:

  • 由于没有 ClearType,它在 Linux 中对我不起作用,它仅在我在 Windows 上启用 ClearType 时发生。
  • 我指定cleartype:true cleartypeNoBg了,但据我所知,这只解决了 IE7 中的另一个问题。
  • 我知道如果你禁用 ClearType 它会消失

我可能会接受某种涉及不同动画风格(除了淡入淡出)的解决方法,但是把你有的任何想法都扔给我。

编辑:认为我在这里找到了错误。

编辑#2:浏览这里的转换。似乎 scrollRight 可以代替淡入淡出。

0 投票
2 回答
336 浏览

jquery - jQuery幻灯片循环插件反斜杠错误

我正在帮助一位朋友使用她从 Theme Forest 购买的自定义 WordPress 主题,该主题具有使用循环插件的 jQuery 幻灯片。它适用于所有页面。我查看了代码,我唯一能弄清楚的是,在博客页面上,它通过在所有 " 和 ' 字符前面添加反斜杠来错误地处理代码,这会在 javascript 中破坏它。我不确定从哪里开始解决这个问题。page.php 和 single.php 文件都引用了以下代码:

输出如下:

在没有设置'head'的post_meta的帖子页面上,这是输出的html:

这打破了javascript。所以我注意到它正在呼应在仪表板的“主题选项”页面中设置的“retro_headimage”选项。问题是,只要您进入该主题选项页面并在保存图像后重新输入正确的图像代码,反斜杠就会重新出现。有人可以帮忙吗?

0 投票
1 回答
1722 浏览

jquery - Jquery Cycle + Jcarousel幻灯片拇指未加载?

我正在结合 jquery 循环和 jcarousel 来制作幻灯片。它在 Firefox、Chrome 和 Safari 中运行良好,但在 IE 中无法加载缩略图。

我猜它与如何生成寻呼机中的图像有关,然后 jcarousel 只是没有在 IE 中处理它,但我不确定。我觉得我非常接近让这个幻灯片工作,但我需要弄清楚为什么它在 IE 中失败。

这是html代码:

所以循环在 div#advanced-slideshow 中滑动 imgs,然后根据 ul#mycarousel 中的这些图像创建一个缩略图寻呼机。然后 jcarousel 使用 ul#mycarousel 中的列表项来构建轮播。在 FF、Chrome、Safari 中像魅力一样工作,但我不知道如何让它在 IE 中工作。

这是JS代码:

$(文档).ready(函数() {

}); // 结尾

这是我到目前为止所拥有的链接。演示

对此的任何帮助将不胜感激!