Hogyan tudok egy olyan képet csinálni, ami megváltozik? (lent)

JavaScript kell hozzá.

[link]

(Mivel JavaScript, ha ismersz egy oldalt, ahol ilyen effekt van, annak meg tudod nézni a forrásának megtekintésével, mivel a JS a kliens gépen hajtódik végre)

Szia!

Ez rengeteg féle képpen megoldható...mutatok belőle párat:

(Itt bővebben találsz róla infót: http://www.webdevelopersnotes.com/tips/html/javascript_image_mouse_rollover.php3)

HTML-ben:

<a href="somewhere.html"

onmouseover="document.sub_but.src='movedown.gif'"

onmouseout="document.sub_but.src='moveup.gif'">

<img src="moveup.gif" width="143" height="39" border="0"

alt="Move your mouse over me" name="sub_but" />

</a>

Java Scriptel:

<script type="text/javascript">

<!--

function roll(img_name, img_src)

{

document[img_name].src = img_src;

}

//-->

</script>

<a href="somewhere.html"

onmouseover="roll('sub_but', 'movedown.gif')"

onmouseout="roll('sub_but', 'movetup.gif')">

<img src="moveup.gif" width="143" height="39" border="0"

alt="Move your mouse over me" name="sub_but" />

</a>