Membuat Photo Ligthbox JQuery Mobile

Pada tutorial sebelumnya kita telah mempelajari bagaimana membuat struktur dasar halaman dan membuat link halaman dialog box dengan menggunakan jQuery Mobile. Pada tutorial ini anda akan belajar membuat sebuah lightbox. Cara kerjanya adalah ketika kita melakukan klik pada sebuah photo gallery maka akan muncul sebuah box besar yang menampilkan ukuran photo yang lebih besar.

Agar lebih memahami anda bisa mengetikkan kode dibawah ini diantara tag body jQuery Mobile :

Simpan dan jalankan di browser anda. Maka akan terlihat hasil seperti berikut :

Dengan menggunakan jQuery Mobile kita dengan mudah membuat sebuah photo lightbox. Untuk anda yang baru mempelajari jQuery Mobile baca juga tutorial Membuat Dialog Box Jquery Mobile