jQuery选项卡旋转效果除了切换？

Question

我在这里有一个jQuery滑块旋转：http://8wayrun.com/

幻灯片每5秒钟更换一次。我正在使用此代码：

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

如果你在我的网站上看到它，这个问题很明显;当它更改幻灯片时，它淡出当前幻灯片，然后淡入新幻灯片。所以有一个时间点屏幕上没有幻灯片。是否有办法使新幻灯片在旧幻灯片消失时消失？那么没有任何黑色的空虚？

Answer 1

我从未使用过这个插件，但它们提供了很好的文档。 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',
});