Imagen: Proporcionar ancho y alto

[/I-]

Ok, la cuestión es la siguiente;



Estos son los hechos, señores:
[list=1][*]Cuando inserto una imagen, asigno atributos de ancho y alto que corresponden a los valores de la imagen original o a una reducción proporcional de los mismos.

Digamos, para una imagen de 200x100 píxels, sería

<img src="elgif.gif" width="200" height="100">
o
<img src="elgif.gif" width="100" height="50">

[*]Sé que es posible también reemplazar estos valores por porcentajes, con miras a que la imagen se adapte al espacio asignado para contenerla (una celda de tabla, un frame, un iframe o una página completa), algo como:

<img src="elgif.gif" width="100%" height="100%">

[/list=1]

Ok, hasta ahí todo bien.

La pregunta entonces, es:

Es posible asignar un sólo valor (en píxels o en porcentaje), por ejemplo el ancho e insertar alguna instrucción que indique que el navegador debe interpretar, en proporción, el otro valor, por ejemplo el alto ?

Es decir, (suena bastante exigente, espero que sea posible) , algo como:

<img src="elgif.gif" width="100%" height="*%">

Y ya, en vos confío

• (Si quedó clara la pregunta?
  Alguien tiene medio_idea?)

Gracias amigoños, nunca cambien

[caricatos]

Hola /I-:

Para empezar...

width = ancho... height = alto (o anchura y altura/horizontal/vertical)

Sobre los porcentajes, es cierto que es para adaptarse a los contenedores, y si es el "body", se adaptaría a clientWidth y clientHeight... creo que es un parámetro "poco fiel".

La verdad es que nunca he probado usar un valor como "pixeles o puntos" y el otro como porcentajes... es cuestión de hacer pruebas... ... (te lo propongo como ejercicio y nos des los resultados)

Alguna de las cosas que he probado trataré de explicártelas...

Si sólo pones un valor (altura o anchura), el otro se adapta automáticamente... o sea si tienes una imagen de 100 x 100 y a la etiqueta img le das el atributo width a 200(anchura)... la altura se pone a 200 (y no quiero decir que hayas usado el atributo height, o que si consultas el valor del atributo, te devuelva algo...)

Otra cosa es que si la misma imagen 100 x 100 la metes en un contenedor (digamos div) de otras dimensiones (por ejemplo 200 x 50), y pones los atributos a 100% (height y width) la imagen se deforma tomando las dimensiones del contenedor.

En estos foros hemos desarrollado una página con cosas curiosas sobre el tema (en base a una pregunta mia) que puedes ver en este enlace .

Si en esta página pinchas en cualquier botón del menú izquierdo y haces doble click en las imagenes que aparecen en la capa que se llama escaparate, aparece la imagen en tamaño real, y con un tirador (o manejador) puedes deformarla...

Te estoy contestando en base a esa experiencia, y he comprobado que funciona de la misma manera en los tres browsers con los que he hecho pruebas.

... Espero haberte orientado.

Saludos

[/I-]

Hola caricatos!

Esto:

Mensaje Original por caricatos
Si sólo pones un valor (altura o anchura), el otro se adapta automáticamente...

...es EXACTAMENTE lo que necesitaba saber, muchas gracias.

Ya lo probé y funciona a las mil maravillas. Es una gran opción para imágenes que se insertan en frames con medida "*" (adaptable a la resolución de pantalla).

De nuevo muchas gracias.... y por el link tambíen, está bakana la pág ( )

[caricatos]

¡Estupendo!

Saludos