jquery停止/暂停jcarousel播放而fancybox处于活动状态

时间:2012-02-16 08:48:51

标签: jquery jcarousel

我默认播放jcarousel(下面复制了就绪功能)。我还在同一页面上有一个缩略图链接,打开包含视频的fancyzoom overlay div(#flash_box)。我希望在fancyzoom叠加层处于活动状态时停止/暂停jcarousel。我确信这是可能的,但我仍然在努力获得控制这种jquery元素的基础知识。任何帮助非常感谢。

// Ride the carousel...
jQuery(document).ready(function() {
    jQuery("#mycarousel").jcarousel({
        scroll: 1,
        auto: 4, // delay between image slide
        wrap: 'last',
        initCallback: mycarousel_initCallback,
        // This tells jCarousel NOT to autobuild prev/next buttons
        buttonNextHTML: null,
        buttonPrevHTML: null,
        itemVisibleInCallback: {
            onAfterAnimation: function(c, o, i, s) {
            --i;
              jQuery('.jcarousel-control a').removeClass('active');
              jQuery('.jcarousel-control a:eq('+i+')').addClass('active');
            }
          }

    });
});

    $(document).ready(function() {
        $('div.photo a').fancyZoom({scaleImg: true, closeOnClick: true});
        $('#flash_box_link2').fancyZoom();

    });

0 个答案:

没有答案