旋转木马jquery中的图像循环

Question

我有一个旋转木马，根据li宽度向右移动。 到达终点后，它会保持动画状态，直到最后一张图像是您看到的唯一图像。右边有一个空格。如何将其设置为循环以便没有空格并且第一个图像再次出现？ 我向右移动jquery代码。

            $('#right').click(function () {
            if (currentItem === totalItems) {
                $inner.animate({
                    right: '-=' + width * (totalItems-1) + 'px'
                }, speed);
                currentItem = 1;
            } else {
                $inner.animate({
                    right: '+=' + width
                }, speed);
                currentItem += 1;
            }
        });

所以在结束之后它会倒回第一张图片。

编辑：如果你们想看，这是一个 FIDDLE 。