Nah, kali ini aku akan berbagi cara membuat sebuah efek seperti "kaca pembesar" yang muncul di atas gambar mengikuti kursor mouse. Selain itu, daya perbesaran dapat disesuaikan sesuai keinginan dengan memutar roda mouse yg memungkinkan pengguna untuk zoom in atau zoom out.
Contoh:
Selamat mencoba,...
Klik disini!!!
Untuk membuat efek Kaca Pembesar
- Pertama masuk Blogger > Template > Edit HTML
- Cari kode </head> lalu copas 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 kamu harus menysisipkan 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,...
Terima kasih telah membaca artikel tentang Membuat efek kaca pembesar pada gambar di blog blog sepot jika anda ingin menyebar luaskan artikel ini di mohon untuk mencantumkan link sebagai Sumbernya, dan bila artikel ini bermanfaat silakan bookmark halaman ini diwebbroswer anda, dengan cara menekan Ctrl + D pada tombol keyboard anda.
.jpg){kind=logo}
.PNG)
