Request daripada Cikgu Ayano: gambar kelik daboomm jadi besor (image magnification)
Actually aku pun dah tak ingat who should I credit sebab main google je. Try yang tu tak jadi, try yang ni pulak. Aku harap aku credit orang yang betul lah ye. So, sebagai penghargaan kepada pemberi code, aku sarankan letak lah code kat bawah ni dekat footer page cikgu ye…kang aku dikata plagiarise pulak
<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">/************************************************ Kod telah di'edit' oleh unwanted* Pastikan notis ini tidak dibuang untuk menghargai kerja² edit yang dilakukan oleh unwanted* -- Sharing Is Caring -- http://www.unwanted86.blogspot.com --***********************************************/</script>
Ok. Untuk picture magnify tu cara-caranya seperti berikut.
- Dapatkan direct link untuk pic yang cikgu nak letak kat post. Boleh guna imageshack, photobucket, picasa atau..ikut keselesaan cikgu lah nak guna image host yang mana.
- Dah dapat tu, copy url and paste dekat tulisan kaler pink tu
<center><img src="URL IMAGE" class="magnify" magnifyby="1" style="width:200px; height:150px cursor: url(magnify.cur), -moz-zoom-in;opacity: 1 ;" /></center>
- Kemudian, boleh lah guna code ni dengan meletakkan code ni dalam post entry bahagian edit html, dan buat entri macam biasa.
Nombor yang di highlight merah tu boleh ubah ikut cita rasa. Kot kalau nak magnify lebih besar ke, nak dia keluar lebih kecik ke…yg mana no lebih besar drp 1 akan membesarkan image, kurang daripada 1 akan mengecilkan image. tak salah cikgu main2 dengan nombor tu sampai jumpa saiz dan appearance magnification yang dihajati...
Kaler biru pula nak dia 'thumbnail' besar mana kat post entry kita...
Lepas tu nak post entri, macam biasa. Untuk melihat hasil magnification yang sempurna, kena tunggu page habis load semua applikasi dulu. Kalau tak dia tak fungsi.
kot nak keterangan lebih jelas, boleh rujuk kat SINI
Selamat mencuba!
p.s.: sorry lambat nak bagi tutorial ni..
