hola todos :
lo de las tres imágenes sería sólo para el evento,
cpucpu; las capas de texto son independientes.
Si "encontraste" un javascript que esconde capas supongo que eres nuevo en ésto y estás copiando y pegando. Te dejo un ejemplo de cómo quedaría con un mapa y tres capas de texto (en este caso no hice las imàgenes porque no valìa la pena, se entiende igual)
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html><head><title></title>
<style>
#alfa{position:relative; height:249px; width:397; border:0; }
#bravo{border-collapse:collapse; }
#charly{position:absolute; top:165px; left:20px; height:10px; width:35px; visibility:hidden; }
#delta{position:absolute; top:165px; left:49px; height:10px; width:35px; visibility:hidden; }
#eco{position:absolute; top:165px; left:78px; height:10px; width:35px; visibility:hidden; }
</style>
</head><body>
<map name="foxtrot">
<area shape="rect" coords="20,150,40,160" title="B" href="#" onmouseover="document.getElementById('charly').style.visibility='visible'"
onmouseout="document.getElementById('charly').style.visibility='hidden';" />
<area shape="rect" coords="50,150,70,160" title="C" href="#" onmouseover="document.getElementById('delta').style.visibility='visible'"
onmouseout="document.getElementById('delta').style.visibility='hidden';" />
<area shape="rect" coords="95,150,110,160" title="D" href="#" onmouseover="document.getElementById('eco').style.visibility='visible'"
onmouseout="document.getElementById('eco').style.visibility='hidden';" />
</map>
<div id="alfa">
<img src="http://img521.imageshack.us/img521/5760/untitled1vg.jpg" id="bravo"
usemap="#foxtrot" >
<img src="http://www.forosdelweb.com/images/statusicon/user_online.gif" id="charly" />
<img src="http://www.forosdelweb.com/images/statusicon/user_invisible.gif" id="delta" />
<img src="http://www.forosdelweb.com/images/statusicon/user_offline.gif" id="eco" />
</div>
</body></html>
Cita:
Iniciado por JavierB (
) ...Para mostrar/ocultar capas tienes que usar JavaScript, no puedes hacerlo solo con HTML....
¿Y usando
hover?