Cara Membuat Efek Zoom Yang Sederhana Seri 2

Sama dengan seri sebelumnya, pada " Cara Membuat

Efek Zoom Yang Sederhana Seri 2 " juga hanya meng-

gunakan satu gambar. Kelebihannya terletak pada cara

pembuatannya, yaitu hanya cukup dengan menambah-

kan gadget HTML/JavScript saja dan pada cara peng-

gunaanya. Sebagai contoh buat anda, silahkan anda

coba klik sekali pada gambar "cewek saya" di bawah

dan untuk mengembalikan gambar pada ukuran aslinya,

kliklah sebanyak dua kali pada gambar tersebut.

Kodenya adalah :

<img src="URL gambar disini" height="normal" width="normal" onclick="this.src='URL gambar disini'; this.height=zoom;this.width=zoom" ondblclick="this.src='URL gambar disini'; this.height=normal;this.width=normal" />

KETERANGAN :

*   Masukkan URL gambar anda pada kode
    URL gambar disini ( ada 3 tempat ).

*   height & width ( normal ) pertama & ketiga
    adalah ukuran asli gambar anda dalam pixel.

*   height & width ( zoom ) adalah ukuran besarnya
    gambar dalam pixel yang anda inginkan.

*   height = tinggi gambar
    width  = lebar gambar

Kode gambar contoh di atas dengan zoom 250% :

<img src="http://i1128.photobucket.com/albums/m486/syamsudin1/renakdi16.jpg" height="169" width="128" onclick="this.src=&#39;http://i1128.photobucket.com/albums/m486/syamsudin1/renakdi16.jpg&#39;; this.height=423;this.width=320" ondblclick="this.src=&#39;http://i1128.photobucket.com/albums/m486/syamsudin1/renakdi16.jpg&#39;; this.height=169;this.width=128" />


Sudahkah mengisi RUANG SAHABAT blog ini ?
 Kalau belum, isilah terlebih dahulu .....
sebelum anda menggunakan tutorial ini.

Saya ucapkan, selamat mencoba
Semoga anda suka, good luck!