Gudang Tutorial Blog

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:

1. Login blog


2. Template dan edit html


3. 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>

<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...

html {

height: 100%;

background: url(http://www.ventiq.com/wordp/wp-content/uploads/2011/12/maintenance_dofus.jpg) no-repeat center 50%; margin: 0; 

}

 body { 

display: none; 

}