Javascript carouseljquery中的图像循环

我有一个旋转木马，它根据

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;
            }
        });

因此，在结束后，它会倒回到第一个图像

---

编辑：如果大家想看，这里有一个。

你需要克隆第一个元素并将其放在最后一个元素之后，然后继续这样做，否则我必须添加

.clone（）

并删除

右侧：'-='+width*（totalItems-1）+“px”

？或者如何实现

.clone（）

？