Jquery工具幻灯片 - 改变窗口大小的效果

Question

我正在使用此插件进行幻灯片演示：http://jquerytools.org/demos/tabs/slideshow.html

我想在窗口调整大小时更改幻灯片效果。我的代码：http://jsfiddle.net/genesiss/5L2CN/5/

var initSlideshow = function() {

    var effect = 'fade';
    if ($(window).width() < 300) {
        effect = 'default';
    }

    $(".slidetabs").tabs(".images > div", {

    effect: effect,
    fadeOutSpeed: "slow",

    rotate: true

  }).slideshow({interval: 100});
};


$(function() {
  initSlideshow();
  $(".slidetabs").data('slideshow').play();

   $(window).resize(function () {
        $(".slidetabs").data('slideshow').stop();
        $(".slidetabs").tabs('destroy');
        initSlideshow();
        $(".slidetabs").data('slideshow').play();
    });


});

幻灯片效果似乎始终相同 - 首次初始化时设置的效果。您可以通过调整jsfiddle中的“结果”窗口并注意到它仍然具有“淡入淡出”效果（屏幕上同时有两个幻灯片，一个渐渐消失）来看到。

首次初始化后如何更改幻灯片效果？