Problem with onmouseover & onmouseout

Hi,

Can someone help me with the following problem please? I'm making a site and I want to use several gif files as hyperlinks. When the mouse isn't on the gif I want it to be yellow (introduction.gif), but when the mouse is on the link it should turn blue (introduction2.gif). I have a book which states the code should be as follow:

<a target="Homepage" href="Introduction.html"
onmousover = document.images["introduction"].src="images/introduction2.gif";
onmouseout = document.images["introduction"].src="images/introduction.gif";>
<img border="0" src="images/introductie.gif" NAME="introduction" width="135" height="33"></a>

Unfortunately it doesn't work. Is there something missing?
Thanks in advance.

-Teron-

You have spelled onmouseover incorrectly.

....to think I overlooked something so obvious.....I must look away from the screen once in a while....

You have my greatest thanks for pointing it out to me. :)

No problem - always check the simple things first :)

PS
Looking away from the screen is also a good idea. :thumbsup: