<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>
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
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.
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