Tambahkan efek pembesaran ke gambar di situs web Anda

Anda pasti bertanya-tanya, bagaimana cara menambahkan efek pembesaran ke gambar. 
Cukup sederhana untuk dilakukan .... 

Atribut sederhana <img> memiliki kemampuan untuk melakukannya

?

1 2 3 4 5

<font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><img src = "http://www.celebrity-pictures.ca/Celebrities/Katrina-Kaif/Katrina-Kaif-i105058.jpg" </font></font><font></font> <font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> onmousedown = "this.height = 450; this.width = 600" </font></font><font></font> <font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> onmouseup = "this.height = 150; this.width = 200" width = 200 height = 150></font></font><font></font>

Keluaran:





Berikut adalah beberapa penangan acara:

Atribut	Deskripsi
onabort	Script yang akan dijalankan ketika memuat gambar terganggu
klik	Script untuk dijalankan dengan klik mouse
ondblklik	Script untuk dijalankan pada klik dua kali mouse
onmousedown	Script untuk dijalankan ketika tombol mouse ditekan
onmousemove	Script untuk dijalankan ketika pointer mouse bergerak
onmouseout	Script untuk dijalankan ketika pointer mouse bergerak keluar dari suatu elemen
onmouseover	Script yang akan dijalankan ketika pointer mouse bergerak ke suatu  elemen
onmouseup	Script untuk dijalankan ketika tombol mouse dilepaskan
onkeydown	Script untuk dijalankan ketika tombol ditekan
onkeypress	Skrip untuk dijalankan ketika tombol ditekan dan dilepaskan
onkeyup	Script untuk dijalankan ketika kunci dilepaskan

Jika Anda menginginkan efek yang secara bertahap menumbuhkan gambar, Anda dapat merujuk ke tautan: http://javascript.internet.com/image-effects/growing-image.html