Does anyone know of an easy way to have an image switch to another image when the cursor hovers over a completely separate image? Here is a diagram that hopefully illustrates more clearly what I'm trying to say.
Try this on the page not on the css. I will give you the complete code I used.
<Img border=“0" id="img1" src="your location for the primary image" height="30" width="100" alt="Name of your image" onMouseOver="FP_swapImg(1,0,/id/'img1',/url/'"your location for the image you want to replace the current image"')" onMouseOut="FP_swapImg(0,0,/id/'img1',/url/'"your location for the image you want to display when the mouse move off the image"')>
Note that where I putted '""' you will leave the ' and replace the " with the location and also that is the code I used on my menu so if you are working with a big image you can adjust the size using the height and width.
Hope this will help you. Sorry for not formating the codes I'm using mobile