TUTORIAL #2-Effect image zoom yang cantik

Salam semua,

Dah muncul tutorial ke-2 aku ari ni. Moga moga tercapai la misi aku nak postkan 10 entry tutorial seminggu. Aku harap korang support misi aku ni.. Nanti aku belanja choki choki sorang satu.hehe......^_^

Tutorial ke dua plak, aku nak ajar korang cara membuat image zoom lebih nampak professional. Lepas ni tak payah la nak ke "new tab" bila nak tengok gambar lebih jelas... Korang boleh cuba, try, test gambar kat bawah ni.

Kalau nak buat macam tu.. Jom ikut tutorial ni:

1.Copy code di bawah, kemudian letakkan di HTML/javascript dalam blog anda.
(Dashboard > layout > add page element > HTML/javascript )

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>

<script src="                                                                                                                                      
http://www.yourjavascript.com/610310434009/unwanted86.blogspot.com.js" type="text/javascript"> 
</script>                                                                                                                                            

Dah letak kode tu, boleh klik save.

2.  Setelah selesai meletak code asas (code di atas). Kita teruskan dengan code yang lain. Code kat bawah ni korang kena letakkan setiap kali nak gambar korang ada effect tersebut. Diletakkan di dalam "edit HTML" pada posting.

<img src="url gambar disini" class="magnify" data-magnifyby="2" style="width:200px; height:150px cursor: url(magnify.cur), -moz-zoom-in; " />                                                                                                          

Keterangan :

• url gambar disini : Masukkan url gambar.
• 2 : Skala pembesaran. Bergantung kepada width dan height. Nilai lebih besar dari 1 akan membesarkan gambar, nilai kurang dari satu akan mengecilkan gambar contoh 0.5
• 200 : Masukkan lebar gambar yang anda rasakan bersesuaian
• 150 : Masukkan tinggi gambar yang anda rasakan bersesuaian

Semoga berjaya.
p/s: Kalau ada yang tak paham, boleh hantarkan komen. Insyaallah, aku cuba membantu.

---

Maaf!!! penggunaan "Aku" pada yang lebih tua.

---