ImagesLesson 57Preview gratis
Slideshow
Lesson ini bagian dari How To · Semua level
Ringkasan
Slideshow menampilkan satu slide dari beberapa pilihan dan memungkinkan pengguna berpindah dengan tombol sebelumnya atau berikutnya. JavaScript menyimpan indeks slide aktif, lalu menukar kelas yang terlihat. Pola modulo membuat navigasi kembali ke awal setelah slide terakhir.
Poin kunci
- Setiap slide diberi posisi absolut agar menempati area yang sama.
- Hanya slide dengan kelas .active yang ditampilkan.
- Indeks dihitung dengan modulo agar tetap berputar melingkar.
- setInterval dapat dipakai untuk slideshow otomatis, dan clearInterval untuk menghentikannya.
- Tombol navigasi perlu label aria agar jelas fungsinya.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.