javascript - ラウンド アバウト スライダー イメージ コントロール JavaScript

Question

このサイトのラウンド アバウト スライダーを使用しましたhttp://www.joezimjs.com/demos/roundabout-demo/ローテーターに 3 つの画像だけを表示する必要があります。7 つ以上の画像を使用した場合、回転子には 5 つの画像があります。画像の数に制限はありませんが、回転子には 3 つ表示する必要があります。これを修正する方法は？

脚本：

(function($) {

var $descriptions = $('#carousel-descriptions').children('li'),
    $controls = $('#carousel-controls').find('span'),
    $carousel = $('#carousel')
        .roundabout({childSelector:"a", minOpacity:1, autoplay:true, autoplayDuration:5000, autoplayPauseOnHover:true })
        .on('focus', 'a', function() {
            var slideNum = $carousel.roundabout("getChildInFocus");

            $descriptions.add($controls).removeClass('current');
            $($descriptions.get(slideNum)).addClass('current');
            $($controls.get(slideNum)).addClass('current');

        });

$controls.on('click dblclick', function() {
    var slideNum = -1,
        i = 0, len = $controls.length;

    for (; i<len; i++) {
        if (this === $controls.get(i)) {
            slideNum = i;
            break;
        }
    }

    if (slideNum >= 0) {
        $controls.removeClass('current');
        $(this).addClass('current');
        $carousel.roundabout('animateToChild', slideNum);
    }
});

}(jQuery));