0

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

2 に答える 2

1

1つは、;onClosed関数コードの後に​​aがないことです。

$('.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');
    }
});
于 2012-08-14T15:02:18.850 に答える
1

ファンシーボックスと流星スライドプラグインで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'); 
})
于 2014-04-15T08:44:00.937 に答える