Foros del Web » Creando para Internet » CSS »

Centrar imagen Thumb

Estas en el tema de Centrar imagen Thumb en el foro de CSS en Foros del Web. Hola de nuevo tengo dos imágenes, y al pasar por encima de cualquiera de las dos, esta muestra una ampliación de la misma. el problema ...
  #1 (permalink)  
Antiguo 10/06/2009, 11:15
 
Fecha de Ingreso: enero-2005
Ubicación: Barcelona
Mensajes: 1.473
Antigüedad: 12 años, 10 meses
Puntos: 10
Centrar imagen Thumb

Hola de nuevo

tengo dos imágenes, y al pasar por encima de cualquiera de las dos, esta muestra una ampliación de la misma.
el problema lo tengo a la hora de centrarlas, que el punto de origen me lo coge en la imagen por la cual paso el puntero, y me gustaría que la aparición de dicha imagen fuera en mitad de la pantalla por ejemplo.

css q uso:

Código HTML:
.thumbnail{
	position: relative;
	z-index: 0;
}

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

.thumbnail span{ 
	position: absolute;
	top:50%;
	left:50%;
	margin-left:-300px;
	margin-top:-150px;
	visibility: hidden;
	color: #FFFF00;
	text-decoration: none;
}

.thumbnail span img{
	border-width: 0;
	padding: 2px;
}

.thumbnail:hover span{ 
	visibility: visible;
	position: absolute;
	top:50%;
	left:50%;
	margin-left:-300px;
	margin-top:-150px;

}
codigo HTML:

Código HTML:
<a class="thumbnail" href="#thumb"><img src="../img/imagen1.jpg" border="0" /><span><img src="../img/g_imagen1.jpg" /><br /></span></a>


<a class="thumbnail" href="#thumb"><img src="../img/imagen2.jpg"border="0" /><span><img src="../img/g_imagen2.jpg" /><br /></span></a> 
no es necesario que sea en el evento mouseover, la verdad que me da igual siempre y cuando la imagen a mostrar quede centrada en la pantalla o almenos que las dos salgan en el mismo sitio.


Gracias de antemano

Saludos
__________________
"Cada hombre es el hijo de su propio trabajo"
Miguel de Cervantes Saavedra
"La experiencia es algo que no consigues hasta justo depués de necesitarla"
Laurence Olivier
  #2 (permalink)  
Antiguo 10/06/2009, 16:21
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Centrar imagen Thumb

Hola:

Échale un vistazo a este artículo, es muy interesante e instructivo.

Saludos.

  #3 (permalink)  
Antiguo 11/06/2009, 01:34
 
Fecha de Ingreso: enero-2005
Ubicación: Barcelona
Mensajes: 1.473
Antigüedad: 12 años, 10 meses
Puntos: 10
Respuesta: Centrar imagen Thumb

genial! muchas gracias!
__________________
"Cada hombre es el hijo de su propio trabajo"
Miguel de Cervantes Saavedra
"La experiencia es algo que no consigues hasta justo depués de necesitarla"
Laurence Olivier
  #4 (permalink)  
Antiguo 11/06/2009, 09:09
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Centrar imagen Thumb

Hola:

Me alegra que te haya servido.

Gracias por el karma.

Saludos.

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 11:21.