HELP to display 2nd image on mouse hover
Hi. I am brand new to website development. I know basic HTML and VERY basic CSS for font styling. What I need to do is create a group of images, which, when moused-over, will do 2 things at once: The image will light up, and at the same time a 2nd image will appear in a different location on the screen.
<td height="56" width="56"><a href="/Products/IBeam.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Ibeam','','/images/Products/Ibeam-lite.gif',1)"><img name="Ibeam" border="0" src="/images/Products/Ibeam-dark.gif" width="51" height="50"></a></td>
How can I also make a 2nd (completely different) image appear in another column of the table? Is there a simple CSS I can add to do this? I have about 25 images on the screen, so a different picture will need to display, depending on which image the user is pointing to.
mouse hover and 2nd image
PS: These are just a few thoughts and not a direct answer to your question.