Para empezar pongo el codigo que tengo:
Código HTML:
<html>
<head>
<SCRIPT Language="JavaScript">
<!--
function Ayuda(identificador)
{
identificador.style.visibility='visible';
}
function Desaparece(identificador)
{
identificador.style.visibility='hidden';
}
function jax(identificador)
{
identificador.style.visibility='visible';
}
function Desaparece(identificador)
{
identificador.style.visibility='hidden';
}
//-->
</SCRIPT>
</head>
<body>
<p>
<a HREF="javascript:Ayuda(alistar)"><img src="Alistar_0.jpg" alt="alistar" width="137" height="222"></a></p>
<DIV Id=alistar Style="background-color:#DDFFDD;width:500px;height:487px;border:2px #FF0000 solid;overflow:auto;position:absolute;top:19px;left:275px;visibility:hidden;">
<p>
Alistar puede empujar es mu pro y grande
RUBEN CON EL DREAMWIEBER PUEDES MOVER ESTE RECUADRO DONDE KIERAS K SALGA <br> eSTE ES EL MEJOR OBJETO PARA ALISTA POR EJEMPLO<img src="hexdrinker.jpg" alt="objetos" width="472" height="389">
<a href="JavaScript:Desaparece(alistar);">Cerrar</a></p>
</DIV>
<a HREF="javascript:Ayuda(jax1)"><img src="Armsmaster_0.jpg" alt="alistar" width="121" height="208"></a><a HREF="javascript:Ayuda(jax1)"></a></p>
<DIV Id=jax1 Style="background-color:#DDFFDD;width:500px;height:487px;border:2px #FF0000 solid;overflow:auto;position:absolute;top:19px;left:275px;visibility:hidden;">
<p>tc
JAX ES EL PUTO Y EL JEFE ESTAS Son sus runas<br> El recuadro se le pùde cambiar color marco e <img src="lol01.jpg" alt="LOL" width="540" height="338">
<a href="JavaScript:Desaparece(jax1);">Cerrar</a></p>
</DIV>
</body>
</html> Vale, si pruebas esto es sus navegadores veran el problema, al hazer click en una de las imagenes (que no he puesto pero ya se ve...) se habre un <div> al lado, si hazemos click en las dos se abren los dos, uno enzima del otro!
Aunque tienen boton de cerrar, me gustaria que al hazer click en uno se cerrara el anterior, y si me lo pueden enseñar para mas de tres imagenes ya esque me quedo flipando!
Gracias por su ayuda!