Memang menyenangkan kalau kita disuruh bermain-main dengan gambar. Apalagi gambar atau image yang kita suka, rasanya ingin cepat-cepat dipajang untuk dipamerkan ( kalau yang ini lagi pamer gigi ). Posting kali ini berhubungan dengan gambar zoom ala dynamic drive, yaitu gambar akan membesar ketika disorot. Maksudnya saat mouse kita arahkan ke gambar maka gambar akan lebih besar dari ukuran sebelumnya.
Untuk membuatnya sobat bisa menggunakan cara di bawah ini.
Untuk membuatnya sobat bisa menggunakan cara di bawah ini.
- Masuk ke blog sobat.
- Klik tata letak.
- Pilih edit HTML.
- Cari kode </head>.
- Letakkan script di bawah ini di atasnya, hingga posisinya sbb:
<style type='text/css'>
border:none;
vertikal-align:top;}
</style>
<script src="http://sites.google.com/site/darmasites/my-forms/gambarmembesarketikadisorot.js" type="text/javascript">
</script>
</head>. - Kemudian klik simpan.
Misal:
<img class="expando" border="0" src="http://i761.photobucket.com/albums/xx252/darma_bucket/th_garudajpn.png" width="75" height="75">
Untuk melihat hasilnya arahkan cursor sobat pada gambar di bawah.
Semoga bermanfaat !
http://activekita.blogspot.com/2010/04/gambar-membesar-ketika-disorot.html
0 komentar:
Posting Komentar