为什么jQuery .cycle()插件在我的网站上不能很好地工作?

Why is the jQuery .cycle() plugin not working that well on my site?

本文关键字：不能 很好 工作 网站 我的 cycle jQuery 插件 为什么      更新时间：2023-09-26

jQuery . cycle () Plugin不能正常工作。当你转到浏览器的另一个标签页，然后再回到这个网站时，它们就不再循环了。比如，当你切换到另一个标签几分钟时，它会断开。这并不好，因为它需要在没有任何问题的情况下循环遍历每个图像。有人能帮忙吗?

我的代码是:
<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js"></script> 
      <script type="text/javascript">
   
  $(document).ready(function() {
    $('#iMac').fadeIn(2000).cycle();
    $('#iMac2').click(function() {
     $.facebox({ div: '#video_dialog' });
    });
});
  </script>
        <span id="iMac" style="display:none;">
        <img src="resources/images/blank.gif" id="iMac1" />
        <img src="resources/images/blank.gif" id="iMac2" />
        </span>

你可以在这里看到它的作用，它是右边的监视器:

http://weebuild1.yolasite.com/

非常感谢任何帮助。谢谢。

我认为这与当浏览器选项卡不再活动时setTimeout被强制为1000 ms的事实有关。当调试停止时，打开debug会显示以下信息:

[cycle] transition激活，忽略新的tx请求

忽略请求，但不设置新的超时来继续动画。

你可以做的是当标签重新聚焦时重新开始循环:

$(window).focus( function() {
    $("#iMac").cycle("next");
});
相关文章：