23/10/2010, 09:12
|
| | | Fecha de Ingreso: octubre-2010
Mensajes: 66
Antigüedad: 14 años, 3 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. |