Isnin, 7 November 2011

. Tutorial - Image Magnify

Siti Nurfariha | 8:15 PTG | 0Comments |

1) Dashboard>> Design>> Page Elements>> Add A Gatget>> HTML/Javascript
2) Copy and paste code di bawah ni ok
<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>
and save!
lepas tuh, nak berikan effect untuk pix korang magnify korang copy code bawah ni dekat pic yang korang nak post je.
<img src="URL pic" class="magnify" data-magnifyby="2" style="width:250px; height:250px cursor: url(magnify.cur), -moz-zoom-in; " />
PENTING!
URL pic: masukkan URL pic
2 : Skala pembesaran. Bergantung kpd width and height. Nilai lbh besar dr 1 akn membesarkan pic. Nilai kurang dari 1 akn mengecilkan pic like 0.5
250 : Masukkan lebar pic
250 : Masukkan tinggi pic
credit:unwanted

Tiada ulasan: