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










Share Gadget
Stumble
Delicious
Technorati
Twitter
Facebook
Blog
Gadget


Jika anda sukakan article ini,linkkan kembali...



Dicatat oleh Thalhah Amir on Ahad, 19 Disember 2010
categories: | edit post

2 ulasan

  1. Affan Ruslan Says:
  2. erk, gambar broken?

     
  3. Thalhah Amir Says:
  4. owh. thanks. sy da tuka gambar 2. jd x? law x tgk demo kat http://www.dynamicdrive.com/dynamicindex4/imagewarp.htm

     

Catat Ulasan

Cari Blog Ini

Pengikut

Pengikut Facebook

Informasi

SyoknyerBlogging adalah sebuah blog tutorial untuk bloggers yang menggunakan platform blogspot. Semua tutorial disini adalah daripada pengalaman sy berblogging selama 3 tahun. Sy bukan untuk mengajar tetapi lebih kepada berkongsi. Harap anda gembira disini. (^^,)

Mengenai Saya

Foto saya
Sy sangat sukakan web. Seorang Programmer. Pemilik Syoknyerblogging
Copyright 2010 | SyoknyerBlogging | Belajar Blogging Dalam Bahasa Melayu
Zengard Template designed by the Jinsona Design and XML coded by CahayaBiru.com