¡Hola a todos! Estoy intentando hacer un menu rollover a partir de la Faq 68 de este foro, pero necesito que al hacer click sobre uno de los botones, este permanezca con la imagen de "onclick" hasta que se haga click sobre otro de los botones. He intentado buscar algún ejemplo en el foro pero sin éxito, si alguien me puede echar una mano le estaré muy agradecido.
Por si ayuda pongo el código:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Pagina nueva 1</title>
<script>
var foto=new Array()
foto[00]=new Image()
foto[00].src="menu_0_a.gif"
foto[01]=new Image()
foto[01].src="menu_0_b.gif"
foto[02]=new Image()
foto[02].src="menu_0_c.gif"
foto[10]=new Image()
foto[10].src="menu_1_a.gif"
foto[11]=new Image()
foto[11].src="menu_1_b.gif"
foto[12]=new Image()
foto[12].src="menu_1_c.gif"
</script>
</head>
<body>
<table border="1" width="100%" id="table1" cellspacing="0">
<tr>
<td align="center"><img src="boton2a.gif" onmouseover="this.src=foto[01].src" onmouseout="this.src=foto[02].src" onclick="this.src=foto[00].src"></td>
<td align="center"><img src="boton2a.gif" onmouseover="this.src=foto[11].src" onmouseout="this.src=foto[12].src" onclick="this.src=foto[10].src"></td>
</tr>
</table>
</body>
</html>
Saludos.