ImagesLesson 60Preview gratis
Lightbox
Lesson ini bagian dari How To · Semua level
Ringkasan
Lightbox adalah tampilan overlay untuk melihat gambar atau media dalam ukuran besar, sering dilengkapi tombol prev, next, dan caption. Berbeda dari modal biasa, lightbox biasanya menjadi pusat perhatian penuh dan mendukung navigasi antaritem. Keyboard serta fokus perlu dikelola agar pengalaman tetap aksesibel.
Poin kunci
- Lightbox memakai overlay fixed dengan latar gelap dan z-index tinggi.
- Tombol panah memungkinkan perpindahan gambar tanpa menutup lightbox.
- Tombol Escape dan klik latar menjadi cara umum untuk menutup.
- role="dialog" dan aria-modal="true" menjelaskan sifat dialog kepada teknologi bantu.
- Scroll halaman sebaiknya dikunci selama lightbox terbuka.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.