Espero estar posteando correctamente, la consulta es la siguiente, primeramente busque durante días y no encontré la solución a lo mio, seguramente no busque bien ya que creo que no es complicado , pongo código:
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style type="text/css">
#foto {
position: absolute;
width: 202px;
height: 230px;
z-index: 1;
left: 56px;
top: 48px;
border: 1px solid;
background-color: #FF0;
}
#texfoto {
position: absolute;
width: 202px;
height: 115px;
z-index: 2;
left: 0px;
top: 116px;
visibility: hidden;
background-color: #666;
opacity: 0.4;
color: #00F;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
</style>
<script type="text/javascript">
function MM_showHideLayers() { //v9.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3)
with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}
</script>
</head>
<body>
<div id="foto" onmouseover="MM_showHideLayers('texfoto','','show')" onmouseout="MM_showHideLayers('texfoto','','hide')">aca va foto
<div id="texfoto">Aca va explicación</div>
</div>
</body>
</html>
El tema es que quiero
1º que el div con la explicación aparezca deslizándose desde abajo en forma suave cuando pongo el ratón por encima de la foto y bajar al correr el ratón
2º que el texto de la explicación no quede transparente
esto sucederá con 50 fotos, así que debería ser algún tipo de instrucción común
Dato, estoy con el dranweaver cs6
Agradezco la ayuda, Muchas gracias
