Establecer tamaño de imagen si ...

duchamp · #1 (**permalink**) 22/03/2004, 19:19

Se me ocurre que se puede hacer esto con un javascript pero quizás haya otra solución, tal vez PHP ... no sé ...

El asunto es que tengo un sitio armado con Movable Type, el cual será manejado por niños de 9 años aprox. Es básicamente una galería de dibujos y fotos. A través del sistema ellos suben las imagenes y automáticamente se genera el thumb o imagen pequeña. El problema está en que no todos saben medir una imagen en píxeles y el diseño del sitio tiene unas medidas que respetar, entonces cuando suben una imagen mas grande de lo debido se desarma todo!
Podría cambiar por un diseño líquido pero no es la idea.

Lo que necesito es una condición que en determinado lugar diga:

Si el ancho es menor o igual a 400 no hacer nada pero si el ancho es superior a 400 establecer 400 como medida del ancho (la vertical será proporcional).

Quizás pueda aplicar un script de esta clase a la misma interfaz del sistema y ya generar la imagen adecuada desde el mismo momento en que se subió al servidor ... no sé, alguna idea ...?

Gracias!

KarlanKas · #2 (**permalink**) 23/03/2004, 04:11

Lo ideal es hacerlo desde el lado del servidor, ya que el JS no empieza a actuar hasta que la página ha llegado al ordenador del visitante y se ha cargado la imagen. Entonces la solución en JS permitirá durante un tiempo que la imagen salga descolocada. Si eso no te importa puedes hacer esto:

Código PHP:

   
<!-- EN EL HEAD ------> 
<script> 
function redimension(){ 
for (a=0;a<document.images.length;a++){ 
if (document.images[a].width>400){ 
document.images[a].width=400 
} 
} 
} 
</script> 
 
<!--- ETIQUETA BODY----> 
 
<body onload="redimension()">

Espero que te sirva, si prefieres ir a PHP dilo y te traslado la pregunta

duchamp · #3 (**permalink**) 23/03/2004, 04:40

Gracias Karlankas!
No lo he probado aún, pero así viendolo por arriba me dá la sensación que esta función aplica la regla a TODAS las imagenes del BODY ... es así?
Y mi intención es SOLO aplicarla a una imagen en particular.

Dejo este post aquí, para obtener la solución con javascript y luego posteo otro en PHP, te parece?

Muchas gracias!

tunait · #4 (**permalink**) 23/03/2004, 12:24

Tal vez te pueda servir algo como....

function tamImagen(cual){
if(cual.width > 400){
cual.width = 400
}
}

Y luego a la imagen le pones esto

<img src="blabla.jpg" onload="tamImagen(this)" />

Eso sí, como te envíen una imagen de 2000px va a pesar una barbaridad, independientemente de las dimensiones a las que finalmente se muestren

Dejo un link al otro post que tienes abierto en PHP para que quien tenga interés tenga un acceso rápido a las soluciones propuestas también en php

http://www.forosdelweb.com/showthrea...hreadid=190651

Un saludo

duchamp · #5 (**permalink**) 23/03/2004, 12:42

Excelente!
Estos Foros valen ORO! ¡Gracias!
Tienes toda la razón del mundo respecto a lo que se muestre y al peso REAL de esa imagen, pero puede ser una solución rápida miéntras busco la forma de hacerlo del lado del servidor.