Image Overlay dengan Lightbox JS

Berdasarkan referensi dari huddletogether.com, Lightbox JS adalah sebuah skrip sederhana yang dapat digunakan untuk meng-overlay sebuah gambar untuk dapat ditampilkan pada sebuah halaman web, dan dapat bekerja pada hampir semua jenis browser modern.

Cara penggunaanya pun sangatlah sederhana, yaitu dengan melampirkan script tersebut beserta Stylesheetnya pada sebuah halaman web, kemudian mengatur sebuah link ke gambar yang dituju, dengan memberikan attribut rel yang bernilai “lightbox” pada tag link tersebut. Berikut contoh penggunaan dari script tersebut pada sebuah halaman web.

 
 
 
 
 

Hasil dari script tersebut kira-kira akan menjadi seperti berikut, silahkan klik pada gambar yang ditampilkan di bawah ini, dan click kembali gambar  yang ditampilkan untuk menutup overlay.

Tertarik..? dan ingin mencobanya..? Silahkan download sendiri componentnya langsung di websitenya huddletogether.com, dan pasangkan dihalaman website atau blog kesayangan anda untuk memperindah image gallery pada web tersebut.