javascript - 2 つの小さな画像スライダーの問題

Question

私が達成したいのは、選択したスライドだけを右からアニメーション化し、その間のスライドを非表示にすることです。2番目の問題は、インデックスがゼロの場合、左からスライドをアニメーション化することです。アニメーション化する方法を知っている人はいますか?右から - インデックスがゼロの場合、リストの最初のインデックスで、左から330 ピクセルです

また、スライドを選択した後、または [次へ] をクリックした後、[前へ] をクリックした後にタイマーをリセットする方法を知っている人はいますか?

$('.stages li a').on('click', function(e) {
    var slide = $('#' + $(this).data('slide'));
    $('.stages li').removeClass('selected');
    $(this).parent().addClass('selected');
    goto_slide(slide);          
});

function goto_slide(slide) {
    var index = $(slide).index();

    var count = index;

    $('.slides ul').animate({'left': '-=' + (item_width * (count - 1))}, 500, function() {
        $('.slides ul li').slice(0, count - 1).each(function() {
            $('.slides ul li:last').after($('.slides ul li:first'));
            $('.slides ul').css('left', '-330px');                      
        })  

    });

    $('#index').text(index);
}