Image swap on text-link

HTML & CSS
1

Hello folks,

Im trying to create an image-swap that is triggered by hovering over a text link that is somewhere else on the page. (Preferably with css)

So I have a bunch of text links that, if hovered over, swap an image in the header and restores them when moused-out. It may be simple, but I cant remember how to do it.

Thanks in advance.

2

Welcome:)

3

Sorry, it works. Had to put the ‘MyImage’-tag in the original image. Thanks!

4

Thanks for the tip, but Ive tested it and it doesnt work…

5

You could use something like:

<a href="" onMouseOver="document.MyImage.src='image2.gif';" onMouseOut="document.MyImage.src='image1.gif';"> Text Link</a>

Not tested