Foros del Web » Creando para Internet » HTML »

Ampliar imagenes en otra capa

Estas en el tema de Ampliar imagenes en otra capa en el foro de HTML en Foros del Web. Buenos días, soy principiante en esta area y quiero diseñar una Web en la que yo pueda al pasar el mouse sobre una imagen me ...
  #1 (permalink)  
Antiguo 10/02/2009, 09:03
 
Fecha de Ingreso: febrero-2009
Mensajes: 1
Antigüedad: 15 años, 9 meses
Puntos: 0
Ampliar imagenes en otra capa

Buenos días, soy principiante en esta area y quiero diseñar una Web en la que yo pueda al pasar el mouse sobre una imagen me la amplie en otra capa, alguien me puede colaborar con el comado, de antemano muchas gracias.
Esto es lo que he encontrado pero no me sirve para la finalidad o que puedo mejorar

<style type='text/css'>
.thumbnail {position:relative; z-index: 0;}

.thumbnail:hover {background-color: transparent; z-index: 50;}

.thumbnail span { /*CSS Para la imagen ampliada*/
position: absolute;
padding: 0px;
border: 2px dashed gray;
visibility: hidden;
color: #000000;
text-decoration: none;
}

.thumbnail span img { /*CSS Para la imagen ampliada*/
border-width: 0;
padding: 0px;
}

.thumbnail:hover span { /*CSS Para ampliar la imagen sobre hover*/
visibility: visible;
left:50px
}
</style>

=============================================
<a class="thumbnail" href="url_address><img src="objetos/to_rent01.jpg" width="50" height="50"/><span><img src="objetos/to_rent01.jpg" width="300" height="200"/><br/></span></a></td>

Gracias
  #2 (permalink)  
Antiguo 10/02/2009, 12:29
Avatar de talmente  
Fecha de Ingreso: noviembre-2007
Mensajes: 233
Antigüedad: 17 años
Puntos: 4
Respuesta: Ampliar imagenes en otra capa

Mira esto cortesia de Mikmoro


http://www.araudi.net/ejemplos/ampli...nes_panel.html


saludos
  #3 (permalink)  
Antiguo 10/02/2009, 12:45
Avatar de Omura
Colaborador
 
Fecha de Ingreso: julio-2006
Ubicación: Peru
Mensajes: 3.491
Antigüedad: 18 años, 4 meses
Puntos: 185
Respuesta: Ampliar imagenes en otra capa

interesante, justo un efecto que andaba buscando
__________________
Mi error era de código... pero de código genético.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 23:01.