javascript - 两个小图像滑块问题

Question

我想要完成的是从右侧只为选定的幻灯片设置动画并隐藏中间的幻灯片，第二个问题是当索引为零时，它会从左侧为幻灯片设置动画有没有人知道如何让它动画从右边开始 - 当索引为零时，它是列表中的第一个索引，距离左侧 330px jsFiddle

还有人知道如何在您选择幻灯片或单击下一个和上一个后重置我的计时器，如果您查看我的小提琴，则单击它会跳过一段时间，如果您继续单击，您会明白我的意思

$('.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);
}