Ada banyak cara untuk mengirek gambar. Berikut adalah yang sederhana: Implementasi Array JS.
Pertama simpan jalur gambar di array, dan kemudian panggil fungsi setInterval untuk mengarungi gambar secara bergantian
<script type = "text/javascript"> var curIndex = 0; var TimeInterval = 1000; var arr = array baru (); arr [0] = "1.png"; arr [1] = "2.png"; arr [2] = "3.png"; arr [3] = "4.png"; arr [4] = "5.png"; setInterval (ChangeImg, TimeInterval); function changeimg () {var obj = document.geteLementById ("imge"); if (curIndex == arr.length-1) {curIndex = 0; } else {CurIndex += 1; } obj.src = arr [CurIndex]; } </script>Contoh lengkap di bawah ini
<! Doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <itement> Gunakan array untuk mencapai carousel gambar otomatis </itement> <style type = "text/css"> #main {width: 700px; Tinggi: 450px; margin: 0 otomatis; Teks-Align: tengah; } </style> <script type = "text/javascript"> var curIndex = 0; var TimeInterval = 1000; var arr = array baru (); arr [0] = "1.png"; arr [1] = "2.png"; arr [2] = "3.png"; arr [3] = "4.png"; arr [4] = "5.png"; setInterval (ChangeImg, TimeInterval); function changeimg () {var obj = document.geteLementById ("imge"); if (curIndex == arr.length-1) {curIndex = 0; } else {CurIndex += 1; } obj.src = arr [CurIndex]; } </script> </head> <body> <v id = "main"> <h1> Gunakan array untuk mencapai carousel gambar otomatis </h1> <img id = "imge" src = "1.png"/> </div> </body> </html>Berbagi topik yang indah: gambar jQuery carousel javascript gambar carousel bootstrap carousel
Di atas adalah semua tentang artikel ini, saya harap ini akan membantu untuk pembelajaran semua orang.