jquery - 当fancybox打开时暂停循环所有幻灯片

Question

当 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');
    }
});

Answer 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');
    }
});

Answer 2

如果您将 Wordpress 与 fancybox 和流星幻灯片插件一起使用，但您不想编辑插件，这是一个解决方案

//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'); 
})