Image change on hover?

Lillith

New member
I'm not talking about posting a small image, then changing the attributes so that when you hover over it, it's a different picture.

I'm talking about a large layout picture with a small navigation--the navigation is what I want to change the image for on hover. So the usual img tag doesn't work for this.

I use an image map for my navigation. So the code looks like this for each item of the navigation:
<area shape="rect" coords="59,79,245,63" target="main" href="about.html" />

And I've tried adding this to the end of each of the navigation's tags:
onclick="if(document.images) document.navigation.src='aboutcard.gif';" onmouseover="if(document.images) document.navigation.src='aboutcard.gif';" onmouseout="if(document.images) document.navigation.src='aboutcard.gif';" />

But that doesn't work either.

Again what won't work would be anything that wouldn't be able to go into the mapping tag.

So I'm very stuck, and any help would be greatly appreciated.
I should have mentioned: I'm using html. Not css, not php, just plain ol crappy html.

Please do not try to convert me to anything else, as I will only use html at the moment. Maybe someday I will convert, but that day is not today.
 
Back
Top