循环使用translate3d制作的轮播

我有一个带有拖动选项的轮播translate3d。考虑到使用translate3d为了转到下一张幻灯片，我最终翻译到了轮播的末尾。你能帮我找到解决方案吗？

下一张幻灯片逻辑：

    goNext() {
    this.carousel.style.transform = `translate3d(${-(++this.elementIndex * this.album.clientWidth)}px,0,0);
    }

When i get to the end of the carousel: I know that i can translate to 0 at the end but i want on the last slide to keep the drag option and to be able to drag to the first slide looking like is the next. Any ideas?

诀窍是：

• 将最后一个图像的克隆放置到轮播的开头，将第一个图像的克隆放置到轮播的末尾（在初始化期间）。

  5 [1 2 3 4 5] 1

• 当用户在最后一张幻灯片上单击“下一页”时，您应该将其切换到没有动画的第一张幻灯片（克隆“5”），然后您可以将其转换为带动画的“1”

  1) 5 1 2 3 4 [5] 1

  2) [5] 1 2 3 4 5 1

  3) 5 [1] 2 3 4 5 1