Ganti Gambar saat Mouse Over

Maksudnya judul itu apa sih? Gini saat kamu kunjungi sebuah web dan arahkan cursor ke sebuah gambar tiba-tiba gambar itu berubah. Nah itulah yang dimaksudkan dengan judul ini. Scriptnya sendiri menggunakan peprograman Java script

Kebanyakan javascript untuk change image when mouse over panjang-panjang euy. Tapi tiba-tiba aja nemu yang cara super ringkas. Begini caranya

Langkah Pertama
Taruh script ini dibagian

<script language="JavaScript" type="text/javascript"> function roll_over(img_name, img_src) { document[img_name].src = img_src; } </script>
Langkah Kedua
Taruh script tambahan di bagian a href pada image. Contohnya ialah dibawah ini
</span><span class="fullpost"><a href="some.html" onmouseover="roll_over('but1', 'icon2.gif')" onmouseout="roll_over('but1', 'icon1.gif')"><img src="icon1.gif" width="100" height="50" name="but1" border="0" /></a></span><span class="fullpost">
OK. Itu aja. Cukup sederhana kan?
Untuk melihat contoh dan script yang lebih lebih langsung aja ke Web Developers Notes.

Source : http://hardhono.blogspot.com/2006/12/ganti-gambar-saat-mouse-over.html