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

如果您使用带有fancybox和meteor幻灯片插件的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'); 
})

当fancybox打开时，暂停所有幻灯片放映

2 个答案: