javascript - Bagaimana untuk menukar gambar terakhir kepada gambar pertama dalam karusel yang lancar?

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

Anda boleh menyalin yang pertama dan meletakkannya di hujung. Contohnya: 123451
Apabila karusel mencapai 1 terakhir, kembalikan keseluruhan imej karusel kepada keadaan asalnya.

Answer 2

Klon imej karusel kepada imej yang sama. (cth: (Gambar 1 Gambar 2 Gambar 3) (Gambar 1 Gambar 2 Gambar 3))

Apabila gambar bergerak ke nombor siri 1, tentukan sama ada terdapat elemen sebelumnya Jika ia tidak menggerakkan keseluruhan tatal ke hadapan, kemudian lakukan karusel, jika tidak ia akan menjadi karusel secara langsung (dalam kes ini, perhatikan. nilai kiri kedudukan) Tukar dahulu kemudian)

Begitu juga apabila beralih ke gambar terakhir