Question

所以我环顾四周，发现任何有效的东西。我正在尝试加载一个带画廊的画廊，里面有一个我想用fancybox打开的图像。似乎画廊接管，你不能对里面的元素做任何事情。即使我尝试在图库中调用某些东西，它也会返回null。

我甚至试图在onPageTransitionIn和onTransitionIn上调用fancybox。 onTransitionIn打破了库，它在onPageTrans上没有任何作用。

有什么想法吗？

Answer 1

我设置了这个，以便标题中的默认galleriffic下载图像反而加载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中定义您想要的内容。

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

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

    manipulate elements here
}

它将以默认方式加载它，然后您可以执行所需的操作。

Jquery Gallerific和fancybox冲突

2 个答案: