Membuat Image View dengan jQuery

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 :

simpan. Kemudian buat style seperti berikut :

Download plugin dan panggil scriptnya.

Untuk melihat hasilnya klik DEMO.