Entri untuk Ayano Shirahata

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..


5 comments:

miSs Zie said... Best Blogger Tips

aku ada 2 pertanyaan ni...
1) yg dlm tutorial ko ni kn...yg url image tu...stiap kali kita pos kna ubh url atau skali ja???

2) ko edit header pki apa???smart!!buatkn utk aku!!!huhuhu

tity said... Best Blogger Tips

jawapan:
1, url image perlu ditukar ikut url image yg ingin di upload. kalau x ditukar, image itu jak lah yg balik2 kluar.. :)

2, edit guna photoshop. hu hu.. aku try lah buat utk ko..tp bgtau la perspektif mana ko mau.. nt ak buat2 x ngam di hati ko pula :)

♫FEN♫ said... Best Blogger Tips

hello, follow your blog :)hehe

miSs Zie said... Best Blogger Tips

ko buat2 ja dlu...ak pn teda idea..yg psti dpt sma match ngn ak pnya layout ok la tu..huhuhu

Anonymous said... Best Blogger Tips

wah... byk kerja ya deng??? penat ni cikgu mo ikut...