2011-11-18 46 views
1

我在這裏有一個jQuery滑塊旋轉:http://8wayrun.com/jQuery選項卡旋轉效果除了切換?

每5秒鐘,幻燈片發生變化。我正在使用這個代碼:

$("#recentSlider").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true); 

這個問題很明顯,如果你看看我的網站;當它更改幻燈片時,會淡出當前幻燈片,然後淡入幻燈片。所以在屏幕上沒有幻燈片時有一個時間點。有沒有一種方法可以使新幻燈片淡入,而舊幻燈片正在淡出?爲什麼沒有黑色的空虛?

+0

我加一點額外的信息,以滿足您的特定代碼在這裏。按照下面的鏈接。 –

+1

什麼是.tabs?我以前從來沒有見過。 – mrtsherman

+0

從源代碼,似乎是jQuery工具選項卡,而不是jQuery UI一個 – FelipeAls

回答

0

我從來沒有使用這個插件,但他們提供了很好的文檔。 PS - 小提琴在這裏會有幫助。

http://flowplayer.org/tools/tabs/index.html#effects

您可以添加自己的效果

$.tools.tabs.addEffect("default", function(tabIndex, done) { 

    // fade out all other panes and fade in new pane 
    this.getPanes().animate({ opacity: .3; }).eq(tabIndex).fadeIn(); 

    // the supplied callback must be called after the effect has finished its job 
    done.call(); 
}); 

,然後用它爲你的標籤效應,像這樣

$("#recentSlider").tabs("<pane_selector>", { 
    effect: 'myeffect', 
});