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>
script berwarna kuning jangan di simpan jika anda sudah mencantumkan pada template dalam versi berapapun.
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. Publis postingan sobat dan lihat hasilnya.
Demikian tutorial Efek Gambar jQuery Magnify. Semoga bermanfaat...
0 comments