Foros del Web » Creando para Internet » HTML »

Tamaño máximo de una imagen

Estas en el tema de Tamaño máximo de una imagen en el foro de HTML en Foros del Web. Hola a todos. Quiero limitar en mi página el tamaño (width y height) de alguna imagen, para que, en caso de que alguna de las ...
  #1 (permalink)  
Antiguo 10/03/2005, 04:49
Avatar de peaso  
Fecha de Ingreso: enero-2002
Ubicación: Barcelona
Mensajes: 147
Antigüedad: 15 años, 11 meses
Puntos: 0
Tamaño máximo de una imagen

Hola a todos.

Quiero limitar en mi página el tamaño (width y height) de alguna imagen, para que, en caso de que alguna de las dos propiedades superen un cierto máximo, se muestren con ese tamaño.

Alguno pensará que las fuerce a ese tamaño, pero quiero que las que sean más pequeñas se mantengan con su tamaño original.

He estado buscando en los foros y he visto en un post anterior algo como
<img src="imagen.gif" onload="this.width = this.width * .6"/>
(para redimensionar al 60% del tamaño de la imagen)

¿Podría hacer algo como lo siguiente?
<img src="imagen.gif" onload="if this.width > maxwidth this.width=maxwidth; if this.height > maxheight this.height = maxheight"/>
  #2 (permalink)  
Antiguo 10/03/2005, 05:08
Avatar de peaso  
Fecha de Ingreso: enero-2002
Ubicación: Barcelona
Mensajes: 147
Antigüedad: 15 años, 11 meses
Puntos: 0
Bueno, buscando buscando he encontrado lo siguiente (por si a alguien le hace falta):

Código:
<img src="imagen.jpg" alt="" OnLoad="X=ancho_máximo;Y=alto_máximo;if ( this.width > X && this.height < Y ){this.height = ( X * this.height ) / this.width;this.width= X};if (this.width < X && this.height > Y ){this.width = ( Y * (this.width) ) / this.height;this.height= Y};if ( this.width > X && this.height > Y ){if (this.width/this.height>=1){{this.height = ( X * this.height ) / this.width;this.width= X}}else {this.width = ( Y * (this.width) ) / this.height;this.height= Y}}" border="0"  />
Funciona perfectamente y no distorsiona las imágenes: si alguna de las dimensiones es mayor que su máximo, la pone al máximo y modifica la otra.
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 21:13.