javascript - Comment passer de la dernière image à la première image dans un carrousel transparent?

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

Vous pouvez copier le premier et le mettre à la fin. Par exemple : 123451
Lorsque le carrousel atteint le dernier 1, remettez l'intégralité de l'image du carrousel à son état d'origine.

Answer 2

Clonez l'image du carrousel en une image identique. (par exemple : (Image 1 Image 2 Image 3) (Image 1 Image 2 Image 3))

Lorsque l'image passe au numéro de série 1, déterminez s'il y a un élément précédent. Si cela ne déplace pas tout le rouleau vers l'avant, alors faites le carrousel, sinon ce sera directement un carrousel (dans ce cas, faites attention à la valeur gauche du positionnement) Changez d'abord)

La même chose s'applique lorsque vous passez à la dernière photo