jquery - クリックでデクリメントされる変数をリセットする正しい方法は何ですか?

Question

これは機能しますが、これと同じ効果を達成するためのより効率的な方法があると思います。私の意図は、最後のスライドで関数をリセットしてループすることです。

http://jsfiddle.net/andrewtamala/JVgAC/3/

$(document).ready(function(){

    var i = $(".slide").length;

    $('.button').click(function() {  
        i--;

        $('.slide').eq(i).animate({"top" : "500"}, 200)
        .animate({"opacity" : "0", "top" : "000"}, 1)
        .animate({"opacity" : "1"});

            if (i === -1) {
                i++;
                i++;
                i++;
                i++;               
            }

    })    
});

Answer 1

元の長さを保持する別の変数を作成できます。

var n = $(".slide").length,
i = n;

関数の最後に:

if (i <= 0) {
    i = n;
}