This is BizOppers
Online Job for All. Work from home computer.

24 Agt 2010

Pasang Effect "MAGNIFY" Untuk Preview Blog Kamu

Demo

Untuk mendapatkan effect seperti gambar di atas, kamu perlu mendownload file berikut:


jquery.magnifier.js
jquery.min.js
magnify.cur
dan upload ke hosting kamu.

Setelah itu buka "jquery.magnifier.js dan cari code ini::
cursorcss: 'url(magnify.cur),

Dan ganti magnify.cur dengan magnify.cur yang anda upload tadi.
Anda juga perlu memasukkan kode dibawah ini kedalam <HEAD> template anda:

<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.magnifier.js"></script>

Ganti jquery.magnifier.js dan jquery.min.js dengan url file yang anda upload tadi.
Langakh terkahir adalah class di setiap image agar image tersebut mendapatkan effect maginfy.

<img src="ocean.gif" class="magnify" style="width:200px; height:150px" />
letakkan class="magnify" di setiap image agar image tersebut bisa memanggil script magnify.

Source: Dynamicdrive

Jika ada kesulitan silahkan tanya disini...
Terimakasih karena udah mampir...


Artikel Terkait :
Komentar Terbaru

Tidak ada komentar:

Posting Komentar