Selasa, 24 Agustus 2010

Agustus 24, 2010
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...


0 Berkomentarlah dengan sopan, jangan spam:

Posting Komentar