Zoom Image Jquery pada blog

Contoh magnify zoom image pada blog seperti yang ada pada "handicraftkoe.blogspot.com". berikut cara membuatnya :
1. Copy code berikut pada head templates (sebelum



</head>

)

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://gambarcuss.googlecode.com/files/jquery.magnifier.js' type='text/javascript'/>
<script src='http://gambarcuss.googlecode.com/files/jquery.imageWarp.js' type='text/javascript'>
</script>

* Jika Templates sudah ada jquery, maka jquery code (berwarna merah) tidak perlu diikutsertakan

2. Untuk menggunakan Magnify Zoom Effect Jquery, cukup tambahkan code class="magnify" pada image posting, atau widget

Contoh :

<img border="0" class="magnify" src="CONTOH GAMBAR" style="width: 200px;" />

*Untuk ukuran lebar maupun tinggi gambar dapat disesuaikan.

Note: Zoom Image Magnify ini hanya berjalan dengan baik pada browser Firefox, sedangkan pada IE tidak akan terlihat cursor kaca pembesar, namun zoom image magnify tetap bisa digunakan. Supaya cursor kaca pembesar bisa tampak pada browser IE, maka perlu mengupload cursor kaca pembesar pada sebuah hosting dan di aplikasikan pada code jquery.magnifier.js

Atau jika ingin merubah atau menghosting ulang source code jquery, magnifier dan imagewarp. silakan download source codenya pada link dibawah, sedangkan jika ingin menhosting javascript silakan kunjungi TKP

Jquery