MOHON PERHATIAN!!!........ Sehubungan sedang "ERROR"nya situs HTTP://WWW.RIPWAY.COM, maka bila Anda menemukan tutorial yang menggunakan kode dengan nama situs tersebut, sementara waktu JANGANLAH Anda gunakan. Mohon maaf, semoga anda memakluminya.............................

Mengucapkan Selamat Datang, Semoga Dapat Berkenan Di Hati Anda


SYAMSUDINNAMAKU telah hadir

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 :



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!


0 comments:

Posting Komentar