Selamat pagi,.. pada kesempatan kali ini saya akan share cara membuat efek seperti
"kaca pembesar" yang mucul di atas gambar mengikuti kursor mouse. Selain itu, daya pembesaran dapat disesuaikan sesuai keinginan dengan memutar roda mouse yang memungkinkan pengguna untuk zoom out.
Untuk Membuat Efek Kaca Pembesar:
- Pertama Anda masuk Blogger Template Edit HTML
- Cari kode </head> lalu copy kode di bawah ini di atas kode </head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="http://gadget-irvan.googlecode.com/files/perbesar-gambar.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(document).ready(function($){
$('#gambaranu').perbesaranunya({
sorotanu: 2,
kisaranu: [2,10],
anubesar: null,
pembesaranu: [140,140]
})
})
</script>
- Kemudian save template.
- Tahap berikutnya Anda harus menyisipkan kode id="gambaranu" pada html gambar agar gambar terkena efek kaca pembesar.
Contoh :
<img id="gambaranu" src="Url gambar" style="height: 300px; width: 400px;" />
Selamat mencoba,...
Blogger
Google+
Facebook
Twitter