Membuat Photo Ligthbox JQuery Mobile

17/07/2014    Rully Febrian    1039     Website

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 :

Membuat-Photo-Ligthbox-JQuery-Mobile

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

Membuat-Photo-Ligthbox-JQuery-Mobile

 

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

No data.

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More