Java Script: Perbesar Gambar

Coba deh klik gambar itu...., apa yang terjadi???
Pasti gambarnya membesar ya???
Trus klik dua kali lagi untuk menormalkan gambar itu kembali ke ukuran semula.

Dengan model gambar yang seperti itu, temen-temen bisa menghemat besaran gambar yang musti diloading agar blog bisa berjalan dengan kenceng.
Penasaran pengen tau cara membuatnya??
Gampang banget kok, gak perlu macem-macem, hanya perlu menambahkan sedikit kode javascript saat menyisipkan gambar.

Berikut kodenya.

<img src="alamat_gambar" width="150" height="200" onclick="this.src='alamat_gambar';this.height=400;this.width=300" ondblclick="this.src='alamat_gambar';this.height=200;this.width=150">

Untuk alamat gambar, sesusaikan dengan alamat tempat temen-temen menyimpan gambar tersebut. Sedangkan pasangan width dan height yang pertama adalah ukuran besar gambar yang pertama, pasangan yang kedua, merupakan besar gambar ketika gambar di klik sekali dan pasangan yang ketiga adalah besar gambar ketika di klik dua kali.

Menurut kamu berguna gak? Kalau ya, langganan aja via E-Mail. Klik disini

Mungkin Kamu Mau Baca Ini: