Foros del Web » Creando para Internet » CSS »

Ajustar imagen al tamano de la ventana

Estas en el tema de Ajustar imagen al tamano de la ventana en el foro de CSS en Foros del Web. Hola, he buscado sobre esto pero no encuentro nada, todo es sobre el popup y no es lo que quiero. Lo que quiero es lo ...
  #1 (permalink)  
Antiguo 22/10/2010, 17:28
 
Fecha de Ingreso: diciembre-2008
Mensajes: 67
Antigüedad: 9 años
Puntos: 1
Pregunta Ajustar imagen al tamano de la ventana

Hola, he buscado sobre esto pero no encuentro nada, todo es sobre el popup y no es lo que quiero. Lo que quiero es lo que dice el titulo.. es como cuando con el navegador visualizas una imagen, éste se ajusta al tamano de la ventana que tenga el navegador.

He intentado con margin pero no funciona. No se si esto tiene que ver con css o javascript, perdonad la molestia. Cualquier ayuda os lo agradeceria mucho.
  #2 (permalink)  
Antiguo 22/10/2010, 17:38
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.547
Antigüedad: 15 años, 8 meses
Puntos: 1262
Respuesta: Ajustar imagen al tamano de la ventana

Hola:

Sería javascript ajustar la ventana, pero la imagen, si es el único tag del popup, puedes poner los estilos width y height a 100%, top y left a 0, y position absolute...

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 22/10/2010, 18:15
 
Fecha de Ingreso: diciembre-2008
Mensajes: 67
Antigüedad: 9 años
Puntos: 1
Respuesta: Ajustar imagen al tamano de la ventana

pero eso distorsionaria la imagen
  #4 (permalink)  
Antiguo 23/10/2010, 10:12
 
Fecha de Ingreso: octubre-2010
Mensajes: 66
Antigüedad: 7 años, 2 meses
Puntos: 7
Respuesta: Ajustar imagen al tamano de la ventana

Puedes hacerlo con javascript de la siguiente manera:

1º calculas la proporcion entre el ancho y el alto de la imagen (ancho/alto)

2º pones la imagen al 100% del ancho de la web (o el tamaño que quieras)

3º pones el alto del la imagen igual al ancho que le hayas dado a la imagen dividido por la proporción.

En pseudocódigo:

anchoTotal = window.width;
proporcion = imagen.ancho/imagen.alto;

imagen.ancho = anchoTotal;
imagen.alto = anchoTotal/proporcion;

Asi conseguirás que la imagen no se deforme al escalarla.
  #5 (permalink)  
Antiguo 29/10/2010, 00:45
 
Fecha de Ingreso: diciembre-2008
Mensajes: 67
Antigüedad: 9 años
Puntos: 1
Respuesta: Ajustar imagen al tamano de la ventana

muchas gracias hdennison, me servio de base

Etiquetas: ventanas
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 15:03.