howdy

i've got a question regarding javascript and how to make an image change when i roll over it the current code is

 
<a href="../html/homepage.html"> <img src="../images/coffeebeans.jpg" alt="Coffee Shop Header" 
                     height="100" width="960" /></a>

and i want it to be when the mouse rolls over the picture it changes to another image but is still a link

thanks for any help

<script>
function rollOver(obj,img)
{
obj.src = img;
return false;
}
</script>

<a href="../html/homepage.html">
<img src="../images/coffeebeans.jpg" alt="Coffee Shop Header" height="100" width="960" onmouseover="rollOver(this,'a.jpg')" />
</a>

Hope this helps..

thanks mate that does help

is there a way to do it without functions?

as that is part of the assignment

Use background images and CSS with the :hover pseudo class. IE 6 won't handle it with scripting however.

but if you HAVE to use js without writing a "function" which really goes against good practice it would be

img .... onmouseover="this.src='new/image/path.ext'" onmouseout="this.src='old/image/path.ext'" ... />

Hello!!!!!
Thank you guys for the information!!!!It really helped me!!!!
--------------------------------------------------------------------