Buenas:
Quiero colocar en el pié de página de una web la opción de seleccionar entre varios idiomas. Para ello, quiero hacer lo siguiente: cuando el ratón no esté encima del idioma en cuestión, saldrá una bandera del idioma y el nombre de esa lengua, pero cuando se pose el ratón por encima del idioma o de la bandera, que se resaltaran y la imagen cambie, para que el usuario sepa que se trata de un enlace. Ejemplifico:
Cita: Sin pasar el ratón por encima:
Español
Con el ratón encima: (del texto o de la imagen)
Español Y que todo ello funcione como un enlace. Es decir, quiero que funcione como un único objeto, para que al pone el ratón encima (del texto o de la imagen solamente) cambie la imagen y resalte el texto como enlace que es.
Sé resaltar la imagen solamente, de hecho es lo que tengo. Os dejo el código por si me podéis echar una mano (todavía no he añadido en enlace):
Código HTML:
<img src="bandera.gif" onmouseover="this.src = 'bandera1.gif'" onmouseout="this.src = 'bandera.gif'" width="23" height="13" /> Español | <img src="bandera2.gif" onmouseover="this.src = 'bandera3.gif'" onmouseout="this.src = 'bandera2.gif'" width="23" height="13" /> Inglés
No sé si me he explicado del todo bien. La verdad es que lo he liado bastante, pero creo que no debe ser muy complicado.
¡¡Muchas gracias!!
PD: He buscado en google y en el foro, pero no he encontrado respuesta. Pido perdón si he publicado el tema en donde no era.