Jquery Gallerific和fancybox冲突

所以我环顾四周，找不到任何有效的东西。我正尝试加载一个带有广告的画廊，里面有一张我想用fancybox打开的图片。看起来好像接管了，你不能对里面的元素做任何事情。即使我试图在库中调用某些东西，它只是返回null。Jquery Gallerific和fancybox冲突

我甚至试图在onPageTransitionIn和onTransitionIn上调用fancybox。 onTransitionIn打破了画廊，它在onPageTrans上没有做任何事情。

任何想法？

来源

2011-03-30 Matt

好吧，所以我终于得到了这个。以防其他人遇到困难。

你可以在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 
}

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

来源

2011-03-30 04:31:49 Matt

我设置，使标题里面的默认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' 
        }); 
       } 
      } 

     }); 
    });

来源

2011-07-26 00:18:52

Jquery Gallerific和fancybox冲突

回答

相关问题