Ajustar imagen al tamano de la ventana

[Folter]

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.

[caricatos]

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

[Folter]

pero eso distorsionaria la imagen

[hdennison]

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.

[Folter]

muchas gracias hdennison, me servio de base