Estimados amig@s, una vez más recurro a vosotros en busca de ayuda.
Tengo en una página web un menú de opciones formado por botones con imágenes, de forma que cuando el ratón pasa por encima se cambia por otra imagen distinta para destacar el vínculo. El código del enlace es el siguiente:
<a href="Web.htm"><img border="0" id="pena1" onmouseout="pena1.src='botonA.gif' ;" onmouseover="pena1.src=' botonB.gif';" src=" botonA.gif"></a>
Ahora, he cambiado la estructura de mi web y en vez de enlazar a otras páginas, lo que hacen los botones es ‘abrir’ capas dentro de la misma página web.
Lo que me gustaría saber es cómo puedo hacer para que además de que mis botones cambien de imagen cuando paso por encima con el ratón (de imagen A a Imagen B), también cambie a una tercera imagen diferente cuando hago ‘clic’ con el ratón sobre el botón, y que permanezca así hasta que pinche con el ratón en otra opción diferente del menú, momento en el que el enlace anteriormente abierto debe volver a la imagen A.
¿Alguien me puede decir qué código puedo utilizar para esto?
Gracias de antemano y un saludo,
Ohcann