jquery - 我的动画效果有什么问题，调用了两次

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();    
} )

另外，如果有人知道如何编写带有标题的基于流体的幻灯片放映（前进/上一个），请告诉我。尽量避免插件。