Cara Membuat Lightbox dengan Alpinejs

by: Dewabrata | JuaraCoding

Terakhir diperbaharui 24-09-2021

Gambar dalam web tidak selalu ditampilkan dengan ukuran penuh.

Kadang ukurannya dibuat lebih kecil, kadang juga lebih besar.

Namun, ternyata ini menimbulkan masalah.

Misalnya seperti:

User tidak bisa melihat gambar lebih detail. Mereka haurs melakukan zoom in agar gambar terlihat lebih jelas.

Nah, untuk mengatasi masalah ini..

..kita bisa menggunakan komponen Lightbox.

Apa itu Lightbox?

dan gimana cara membuatnya?

Mari kita bahas!