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 :
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='http://i1128.photobucket.com/albums/m486/syamsudin1/renakdi16.jpg'; this.height=423;this.width=320" ondblclick="this.src='http://i1128.photobucket.com/albums/m486/syamsudin1/renakdi16.jpg'; 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!

0 comments:
Posting Komentar