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衝突

回答

相關問題