当fancybox打开时暂停循环所有幻灯片答案

【问题标题】：Pause cycle all slideshow when fancybox opens当fancybox打开时暂停循环所有幻灯片
【发布时间】：2012-08-14 14:51:57
【问题描述】：

尝试在 fancybox 处于活动状态时暂停幻灯片，但无法正常工作 - 任何建议都值得赞赏。

 $('.section-testimonials').cycle({
    fx: 'fade',
    speed: 1000,
    containerResize: 0,
    timeout: 9000,
    pager:      '#slide-nav', 
    pagerEvent: 'mouseover',
    pauseOnPagerHover: true ,
    pause: 1
});

$(".fancybox").fancybox({
    'overlayColor':'#E8EEF4',
    'overlayOpacity': .9,
    'onStart': function(){
        $('.section-testimonials').cycle('pause');
    },
    'onClosed': function(){
        $('.section-testimonials').cycle('resume');
    }
});

【问题讨论】：

应该！正确的！？但它不是检查链接：tinyurl.com/c48o78a 点击页面底部附近的徽标幻灯片，您仍然会看到幻灯片在后面发生

标签： jquery fancybox cycle jquery-cycle

【解决方案1】：

首先，您在 onClosed 函数代码之后缺少;：

$('.section-testimonials').cycle('resume')

另外，请尝试使用window.parent.document：

$(".fancybox").fancybox({
    'overlayColor':'#E8EEF4',
    'overlayOpacity': .9,
    'onStart': function(){
        $('.section-testimonials', window.parent.document).cycle('pause');
    },
    'onClosed': function(){
        $('.section-testimonials', window.parent.document).cycle('resume');
    }
});

【讨论】：

感谢 Sam Pellino 发现错误，但纠正后仍然没有雪茄。 tinyurl.com/c48o78a 点击页面底部附近的徽标幻灯片，您仍然会看到幻灯片在后面发生
工作正常，需要使用完整版本的循环全部，而不是 LITE
我明白了！很高兴您找到了解决方案。

【解决方案2】：

如果您正在使用带有 fancybox 和流星幻灯片插件的 Wordpress，但您不想编辑插件，这是一个解决方案

//pause by default
jQuery('.meteor-slides').cycle('pause'); 

//when fancybox is closed, resume the slideshow
jQuery('#fancybox-close, #fancybox-overlay').click(function() { 
    jQuery('.meteor-slides').cycle('resume'); 
})

【讨论】：