當fancybox打開時暫停循環播放所有幻燈片

嘗試暫停幻燈片，當fancybox處於活動狀態時，無法讓其正常工作 - 任何建議都將得到滿足。當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'); 
    } 
});

來源

2012-08-14 RooWM

什麼不正確？ – 2012-08-14 14:53:23

它應該！對！？但它不是檢查鏈接：http：//tinyurl.com/c48o78a 點擊頁面底部附近的標誌幻燈片，你仍然會看到幻燈片發生在 – RooWM 2012-08-14 15:00:14

其一，你的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'); 
    } 
});

來源

2012-08-14 15:02:18

後面感謝Sam Pellino發現錯誤，但仍然沒有雪茄時糾正。 tinyurl.com/c48o78a點擊頁面底部附近的標誌幻燈片，你仍然會看到在 – RooWM 2012-08-14 15:07:07

後面發生的幻燈片顯示工作正常，需要使用循環全部的FULL版本，而不是LITE – RooWM 2012-08-14 16:26:09

我明白了！很高興你找到你的解決方案。 – 2012-08-14 17:20:27

這裏有一個解決方案，如果你使用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'); 
})

來源

2014-04-15 08:44:00 Paul

當fancybox打開時暫停循環播放所有幻燈片

回答

相關問題