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 <head> </head>

<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

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

OK. Itu aja. Cukup sederhana kan?
Untuk melihat contoh dan script yang lebih lebih langsung aja ke Web Developers Notes

 

4 Responses to Ganti Gambar saat Mouse Over

  1. masduqi says:

    gooooooog posting mas, thank bgt !

  2. Lupus says:

    Wiiiiiihhhh
    Sangat membantu pekerjaan saya nih Om..
    Thx yoo

  3. cicak says:

    ..bagus,,sangat membantu..

  4. Kidz says:

    mas,,,, ane copas scriptnya ya,,, makasih banyak ya mas,,,
    udah ane coba dan berhasil……
    Mantap mas….

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>