Membuat Image View dengan jQuery

24/10/2014    Rully Febrian    929     Website

Pertemuan kali ini kita akan belajar membuat image view sederhana. Cara kerjanya adalah ketika kita melakukan klik pada image thumb maka image tersebut akan menampilkan image dengan ukuran yang lebih besar sehingga kita dapat melakukan drag untuk melihat detail image tersebut. Pada tutorial ini kita akan menggunakan jquery plugin image view.

Silahkan buat file html dan ketikkan kode sebagai berikut :

Membuat-Image-View-dengan-jQuery

simpan. Kemudian buat style seperti berikut :

Membuat-Image-View-dengan-jQuery

 

Download plugin dan panggil scriptnya.

Membuat-Image-View-dengan-jQuery

Untuk melihat hasilnya klik DEMO.

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