javascript - 水車カルーセルを自動再生する方法は?

Question

このスクリプトがあり、自動再生 mod を追加したいと考えています。これが始まりです：

$(document).ready(function () {
    var carousel = $("#carousel").waterwheelCarousel({
      flankingItems: 3,
      movingToCenter: function ($item) {
        $('#callback-output').prepend('movingToCenter: ' + $item.attr('id') + '<br/>');
      },
      movedToCenter: function ($item) {
        $('#callback-output').prepend('movedToCenter: ' + $item.attr('id') + '<br/>');
      },
      movingFromCenter: function ($item) {
        $('#callback-output').prepend('movingFromCenter: ' + $item.attr('id') + '<br/>');
      },
      movedFromCenter: function ($item) {
        $('#callback-output').prepend('movedFromCenter: ' + $item.attr('id') + '<br/>');
      },
      clickedCenter: function ($item) {
        $('#callback-output').prepend('clickedCenter: ' + $item.attr('id') + '<br/>');
      }
    });

ナビゲーション ボタンは次のとおりです。

    $('#prev').bind('click', function () {
      carousel.prev();
      return false
    });

    $('#next').bind('click', function () {
      carousel.next();
      return false;
    });

    $('#reload').bind('click', function () {
      newOptions = eval("(" + $('#newoptions').val() + ")");
      carousel.reload(newOptions);
      return false;
    });

  });

誰でも私がそれをするのを手伝ってもらえますか?

そして、ここに私のcssコードがあります:

body {
    font-family:Arial;
    font-size:12px;
    background:#ededed;
}
.example-desc {
    margin:3px 0;
    padding:5px;
}

#carousel {
    width:960px;

    height:300px;
    position:relative;
    clear:both;
    overflow:hidden;
}

カルーセルが処理できるようになるまで画像を非表示にします。

#carousel img {
    visibility:hidden; 
    cursor:pointer;
}

.split-left {
    width:450px;
    float:left;
}
.split-right {
    width:400px;
    float:left;
    margin-left:10px;
}
#callback-output {
    height:250px;
    overflow:scroll;
}
textarea#newoptions {
    width:430px;
}