Jquery Gallerific 和 fancybox 冲突

Question

所以我环顾四周，找不到任何有用的东西。我正在尝试加载一个带有画廊的画廊，里面有一个我想使用 fancybox 打开的图像。看起来画廊接管了一切，你无法对里面的元素做任何事情。即使我尝试调用画廊内的某些内容，它也只会返回 null。

我什至尝试在 onPageTransitionIn 和 onTransitionIn 上调用 fancybox。 onTransitionIn 破坏了画廊，并且它对 onPageTrans 不执行任何操作。

有什么想法吗？

Answer 1

我设置了这个，以便标题中的默认画廊下载图像改为加载 fancybox 窗口

   $(document).ready(function() {
        var gallery = $('#thumbs').galleriffic({
            delay:                     2500,
            numThumbs:                 15,
            preloadAhead:              10,
            enableTopPager:            false,
            enableBottomPager:         false,
            maxPagesToShow:            7,
            imageContainerSel:         '#slideshow',
            controlsContainerSel:      '#controls',
            captionContainerSel:       '#caption',
            loadingContainerSel:       '#loading',
            renderSSControls:          true,
            renderNavControls:         true,
            enableHistory:             false,
            autoStart:                 false,
            syncTransitions:           true,
            defaultTransitionDuration: 900,
            onTransitionIn:   function(slide, caption, isSync) {
                slide.fadeTo(this.getDefaultTransitionDuration(isSync), 1.0);
                if (caption){
                    caption.fadeTo(this.getDefaultTransitionDuration(isSync), 1.0);

                    caption.find("a.fancybox").fancybox({
                        'titleShow'     : true,
                        'transitionIn'  : 'elastic',
                        'transitionOut' : 'elastic',
                        'easingIn'      : 'easeOutBack',
                        'easingOut'     : 'easeInBack'
                    });
                }
            }

        });
    });

Answer 2

好吧，我终于明白了。万一其他人有困难。

您可以在 onTransition 中定义您想要的内容。

然后你可以调用常规函数来 get

onTransitionIn:   function(slide, caption, isSync) {
slide.fadeTo(this.getDefaultTransitionDuration(isSync), 1.0);
if (caption)
    caption.fadeTo(this.getDefaultTransitionDuration(isSync), 1.0);

    manipulate elements here
}

它会以默认方式加载它，然后你就可以做你想做的事情了。