[解決済み] jcarouselliteでbtnNextがクリックされたときに変数をインクリメントするには？

質問

btnNextがクリックされたときに、変数がインクリメントされるようにしたいのですが、どうすればよいですか？そして、カウンタが配列の長さに達したときに、別のページにリダイレクトさせたいと思います。最後の画像が表示され、btnNextが再び起動すると、リダイレクトされるようにしたいのですが、うまくいきません。

do/whileループを使用してみました。

$(function () {
        var myLiCount = $("li").length;
        var counter = 1;
        do {
            $(".nonCircular .carousel").jCarouselLite({
                btnNext: ".next",
                visible: 1,
                circular: false
            });
            counter = counter + 1;
        } while (counter != myLiCount);
        window.location.href('http://www.google.com');
    });

は、2秒間画像を表示した後、リダイレクトされるだけでした。

$(function () {
        var myLiCount = $("li").length;
        var counter = 1;

            $(".nonCircular .carousel").jCarouselLite({
                btnNext: ".next",
                visible: 1,
                circular: false
            });
            counter = counter + 1;
        if(counter == myLiCount)
        window.location.href('http://www.google.com');
    });

しかし、これもうまくいきませんでした。最後の画像まで表示され、それ以降は何もしません。

btnNextをクリックするとインクリメントされるのは分かっているのですが、その方法が分かりません。

ありがとうございます。

解決方法は？

これを試してみてください

$(function () {
    $(".nonCircular .carousel").jCarouselLite({
        btnNext: ".next",
        visible: 1,
        circular: false
    });
    var counter = 1;
    $('.next').on('click', function () {
        counter = counter + 1;
        if (counter == $("li").length)
            window.location.href('http://www.google.com');
    });
});