Mostrar descripcion de la imagen

daniel_burgos · #1 (**permalink**) 08/02/2009, 20:58

Umm amigos estuve buscando en los faqs y en otros temas de varios usuarios pero no logro ver la ayuda que necesito.. Solo quisiera que al pasar el mouse sobre una imagen, arriba de ella se mostrara su descripcion.. No es un "alt" sino como una capa o no se con que deberia hacerlo..

sweetlydark · #2 (**permalink**) 08/02/2009, 22:53

Por encima del retrato (reemplazándolo) o un tooltip con estilo?

daniel_burgos · #3 (**permalink**) 08/02/2009, 23:36

ya logré hacerlo! acá dejo el script para quien pueda necesitarlo

<html>
<head>
<meta http-equiv="Content-Language" content="es">
<title>Untitled</title>
<script language="Javascript">
function mostrar(nombreCapa){
document.getElementById(nombreCapa).style.visibili ty="visible";
}
function ocultar(nombreCapa){
document.getElementById(nombreCapa).style.visibili ty="hidden";
}
</script>
</head>
<body>
<div id="capa5" style="position:absolute;width:13px;height:12px;to p:168px;left:292px;" onmouseout="ocultar('capa6')" onmouseover="mostrar('capa6')">
<img border="0" src="image_jpg_006/i_print.jpg" width="25" height="25"></div>
<div id="capa3" style="position:absolute;width:13px;height:12px;to p:168px;left:320px;" onmouseout="ocultar('capa4')" onmouseover="mostrar('capa4')">
<img border="0" src="image_jpg_006/i_pdf.jpg" width="24" height="24"></div>
<div id="capa1" style="position:absolute;width:13px;height:12px;to p:168px;left:347px;" onmouseout="ocultar('capa2')" onmouseover="mostrar('capa2')">
<img border="0" src="image_jpg_006/i_discusion.jpg" width="28" height="25"></div>
<div id="capa6" style="position:absolute;width:303px;height:7px;to p:149px;left:15px;visibility:hidden">
<p align="right"><b><font face="Arial" size="2">Imprimir esta noticia</font></b></div>
<div id="capa4" style="position:absolute;width:303px;height:7px;to p:149px;left:43px;visibility:hidden">
<p align="right"><b><font face="Arial" size="2">Guardar esta noticia en
formato PDF</font></b></div>
<div id="capa2" style="position:absolute;width:303px;height:7px;to p:149px;left:72px;visibility:hidden">
<p align="right"><b><font face="Arial" size="2">Opinar sobre esta noticia en
el Libro de Visitas</font></b></div>
</body>
</html>