jQuery循环插件切换到另一个选项卡后停止滑动

发布于 2024-12-03 12:18:10 字数 517 浏览 0 评论 0原文

我正在使用具有以下设置的 jquery Cycle 插件。照片在给定时间内滑动没有问题,但如果我单击浏览器的另一个选项卡并等待 10 sn,然后返回幻灯片选项卡,我看到幻灯片已停止。它不会通过下一张照片。什么会导致这个问题?

    var slideShow = $('.slideshow-container').cycle({ fx: 'fade', timeout: 3000, speed: 500, fastOnEvent: 1,
        skipInitializationCallbacks: true,
        pause: 1
    });

我正在使用 jQuery 1.6.2 和循环版本 2.9995(最新)。

您可以在 jsfiddle.net 上测试它

I am using jquery cycle plugin with below settings.Photos sliding in given time out well without problem but if i click another tab of browser and wait 10 sn then back to slideshow's tab and i see that slideshow is stopped . It does not pass next photo. What can cause this problem ?

    var slideShow = $('.slideshow-container').cycle({ fx: 'fade', timeout: 3000, speed: 500, fastOnEvent: 1,
        skipInitializationCallbacks: true,
        pause: 1
    });

I am using jQuery 1.6.2 and cycle version 2.9995 (latest).

You can Test it on jsfiddle.net

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

不离久伴 2024-12-10 12:18:10

好吧,我想我明白了。它现在正在工作,至少可以使用您的代码指定的选项。我不确定(因为我还没有测试过)我的实现是否能够与可以传递给循环插件的其他选项很好地配合。

发生此问题的原因是假设发生转换的下一次迭代是在上一次转换完成之前设置的。在某些情况下,下一个过渡在前一个过渡完成之前被触发,在新过渡开始时,只要已经有其他动画正在进行,就会进行检查 - 如果是这样,该函数将返回并停止(不设置下一次迭代)。正在进行的动画完成后,幻灯片放映停止,因为没有安排下一个过渡。

我已经在 github 上分叉了 Cycle 插件并发布了我的修复:https://github.com/WTK/cycle

All right, I think I got it. It's working now, at least with the options specified by your code. I'm not sure (for I have not tested it) if my implementation will play along nicely with other options that can be passed to cycle plugin.

The reason why this problem has been occuring was that next iteration where transition suppose to occure was setup before completion of previous transition. In some cases, next transition was fired before the previous has finished, at the beginning of that new transition there's a check whenever there's already other animation going on - if so, the function would just return and stop (without setting up next iteration). After the ongoing animation was finished, the slideshow was stopped, because there was no next transition scheduled.

I've forked the cycle plugin on github and published my fix: https://github.com/WTK/cycle

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文