Untuk mendapatkan effect seperti gambar di atas, kamu perlu mendownload file berikut:
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...
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