jquery - 2回呼び出すアニメーション効果の何が問題になっていますか

Question

私は流動的なスライドショーを行っています。そのために、このコードを作成しました。問題は、このアニメーションが終了せずに正しく開始され、再び前進していることです。

私はwindow.resize関数を使用していると思います。それが原因です。もしそうなら、どうすればこれを修正できますか？

私のコード：

var slideShow = function () {
    var x = 0;
    var imgHeight = $('img').height();
    $('#slideContainer').height(imgHeight);
    var imgSetWidth = $('#slideContainer').width();
    $('img').width(imgSetWidth);
    var imgLength = $('.slide').size();
    $('.inner').css({width:imgLength * imgSetWidth,left:imgSetWidth*x});

    $('a#next').click(function () {
        x++;
        $('.inner').animate({left:-imgSetWidth},1000);    
    } )
}
window.onload = function () {
    slideShow();
};

$(window).resize(function () {
    slideShow();    
} )

同様に、流体ベースのスライドショー（前/前）をタイトル付きで書く方法を知っている人がいたら、私に知らせてください。プラグインは避けてください。