Buenas tardes, espero que alguien pueda ayudarme con algo que no he podido solucionar y es lo siguiente:
tengo una galeria de imagenes pequeñas y cada imagen se encuentra dentro de un div, necesito que cuando yo ponga el mouse sobre la imagen aparezca otro div en esa misma posicion por encima con una pequeña descripcion osea otro div
tengo este java pero no me funciona bien
<script>
function ver(ide,visible) {
obj = document.getElementById(ide);
obj.style.display = (visible)?'block':'none';
}
</script>
<body>
<div class="a" id="a" style="height:197px; width:296px; z-index:2; position:absolute;"><a href="#" onMouseOut="ver('capa1',false); return false" onMouseOver="ver('capa1',true); return false" ><img src="images/clientes/sm_01.jpg" width="296" height="197" border="0" id="Image1" /></a>
<div id="capa1">en este div esta mi texto</div>
</div>
</body>
/* y este es mi div en la hoja de estilos */
#capa1 {
position:absolute;
width:150px;
height:25px;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
z-index:4;
top: 20px;
left:10px;
float: left;
}
y aca dejo un link para mostrar que es lo que quiero lograr
http://www.futurebrand.com/work/case-study-vault/
agradezco de antemano quien pueda ayudarme