Alamsyah

Buat Effect Image Warp Script With jQuery

Cukup dengan Double click untuk melihat demonya :



tutorial ini saya baca dari http://www.dynamicdrive.com/dynamicindex4/imagewarp.htm dan mencoba-coba pada blog walau awal-awalnya mengalami kesusahan,,, tp alhamdulilah bisa, karena saya ngantuk jadi saya tidak banyak berbicara lagi, langsung saja..
2. Pilih Rancangan/Tata Letak
3. Cari Kode </head> , Lalu Masukan Script Berikut tepat diatasnya.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://kangdadang.googlecode.com/files/imagewarp.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($){
    $(img).imageWarp({warpfactor:2}) //apply warp effect to images with CSS class "img"
    $(img).imageWarp() //apply warp effect to images with CSS class "img"
})
</script>

Catatan :
- Teks ang Berwarna hijau adalah scriptnya, jika sobat sudah pernah memasangnya, maka script diatas tidak perlu lagi (biar gak double).

4. Selesai, Mudah bukan.hehee,..