jQuery Gambar Magnify memungkinkan gambar apapun pada halaman yang akan diperbesar oleh faktor diinginkan ketika diklik , melalui sleek zoom in/zoom out .
Gambar diperbesar berpusat pada layar pengguna sampai diberhentikan. Ia bekerja pada kedua gambar dengan dan tanpa eksplisit lebar / tinggi atribut yang didefinisikan. Ini berarti Anda dapat mengambil gambar besar yang secara default akan terlihat keluar dari tempat ketika ditampilkan, menyusut menggunakan lebar eksplisit / atribut tinggi,
maka memungkinkan pengguna untuk memperbesar pada permintaan untuk dimensi aslinya ketika gambar diklik menggunakan script ini.
Caranya sebagai berikut:
- Login blog
- Template dan edit html
- Letakkan kode javascript di atas </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type="text/javascript" src="http://yourjavascript.com/19247232113/magnify.js"></script>
4. save template
Kemudian saat sobat ingin menggunakan efek gambar jquery magnify, berikut yang harus di sisipkan dalam html post.
<img class="magnify" src="url gambar" style="height: 150px; width: 200px;" /></div>
5. Publish postingan sobat dan lihat hasilnya.
Demikian tutorial Efek Gambar jQuery Magnify. Semoga bermanfaat...