javascript - Wie wechsle ich in einem nahtlosen Karussell vom letzten Bild zum ersten Bild?

Question

<script>
    var next = document.getElementById("next");
    var prev = document.getElementById("prev");
    var ul = document.getElementsByTagName("ul")[0];
    var li = document.getElementsByTagName("li");
    var x=0;
    next.onclick = function(){
        x = x -289;
        ul.style.transform="translate3d("+x+"px,0,0)";    
    }
    prev.onclick = function(){
        x = x +289;
        ul.style.transform="translate3d("+x+"px,0,0)";
    }
</script>

Answer 1

可以把第一张复制，放到最后。例如： 123451
当轮播到了最后一张1的时候，把整个的轮播图移动位置还原为原始状态。

Answer 2

把轮播图clone出一个一样的。（eg:(图1图2图3)(图1图2图3)）

当图片移动到序号为1的时候判断有没有上一个元素，如果没有把后面整个sroll搬过去到最前面去，然后做轮播，否则直接轮播（这种情况注意定位的left值也要随之先改变）

当移动到最后一张的时候同理