Kali ini posting sy adalah untuk bermain2 dengan gambar. Script ni dtgnya dari Dynamic Drive. Sy telah hostingkan script tersebut jadi anda juga boleh menggunakannya. Sy xpasti ia akan berguna atau tdk pada anda. Tetapi sy mahu kongsikan juga sbb ia kelihatan menarik bagi sy. :D . Demo dibawah. Cuba tekan gambar tersebut dan lihat apa yang terjadi.








1 Pergi ke Dashboard > Design > Edit Html.

2 Cari </head> dan letakkan koding dibawah sebelum </head>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="https://sites.google.com/site/syoknyerblogging/jquery/jquery.imageWarp.js">
/***********************************************
* jQuery imageWarp script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/
</script>

<script type="text/javascript">
jQuery(document).ready(function($){
    $('img.imagewarp').imageWarp() //apply warp effect to images with CSS class "imagewarp"
})
</script>

3 Untuk membuat posting gambar anda hendaklah mengikut koding dibawah.

<img src="URL Gambar" class="imagewarp" />

class="imagewarp" paling penting untuk memanggil koding diatas.

original script http://www.dynamicdrive.com/dynamicindex4/imagewarp.htm

---

Blog
Gadget

Jika anda sukakan article ini,linkkan kembali...

<a href="http://syoknyerblogging.blogspot.com/2010/12/membuat-jquery-image-warp.html">Membuat JQuery Image Warp</a>