Si img es mayor a 200px reducirla

[sjam7]

Hola, ya habia tenido la solucion pero la perdi, resulta que lo que tengo es un catalogo de productos en el que quiero que si la imagen es mayor a 200px me la reduzca a 200px, pero si es menor que no le cambie el tamaño, esto en la misma tag de <img> se que se puede por que ya lo habia hecho pero ...ya no encuentro ese archivo

Ojala me puedan ayudar

PD era algo asi:
<img src="imagen.gif" onload="if imagen.width=>200 then image.width=200">

naaa, no se pero por ahi iba

[jahepi]

Hola sjam7!

Se me ocurrió de esta forma.

El código de la imagen:

Código PHP:

  <img src="imagen.jpg" width="640" height="480" onload="img_reducir(this);"/> 
   

Y la función javascript que comprueba que no sea mayor a 200 px y la transforme a ese tamaño.

Código PHP:

  <script language="javascript">
function img_reducir(imagen){
 with(imagen){
  if(width > 200){
     width = 200;
  }
 }
}
</script> 
  

Suerte!

[sjam7]

si, algo asi ya lo habia visto, pero quiero ver si se puede en la misma tag de cualquier forma probare, gracias

[KarlanKas]

En la misma tag:

<img onload="this.width=(this.width>200)?200:this.width " src="http://www.karlankas.net/chufa2.jpg" />

claro que tal vez quieras que se reduzca de forma proporcional. Entonces:

<img onload="this.width=(this.width>200)?200:this.width ;this.height=(this.width>200)?(200*this.height/this.width):this.height" src="http://www.karlankas.net/chufa2.jpg" />

Espero que te sirva!

[SiR.CARAJ0DIDA]

para los q usan firefox miren q sencillo es:

<img src="http://www.karlankas.net/chufa2.jpg" style="max-width:200px" />

[sjam7]

Karlakas lo de la forma proporcional seria solo si es cuadrada la imagen no?

[KarlanKas]

En realidad no, serviría para imágenes rectangulares también... Es más, está pensado para imágenes de un tamaño no cuadrado.

[sjam7]

maistra...funciono, muchas gracias

[KarlanKas]

¿maistra? Me alegro de que te funcionara!

[programeitor]

Es posible asignar solo el width o el height, automaticamente se ajusta el tamaño. Probado en Ie ,Ns y ff. una de las pocas cosas para las que se han puesto deacuerdo, por lo visto.

[KarlanKas]

Andá!! Es verdad!! :) Gracias Programeitor!!

[programeitor]

No hay de que Karlanlas, debo decir que me di cuenta por casualidad, al cometer "el error" de no introducir una de las dos medidas. Me pregunto si esto está publicado en alguna parte, y que mas sorpresas nos depara el futuro. Ahora va a resultar que Ns y Ff tambien interpretan "como les da la gana", o que tienen "algoritmos default" como IE. Tambien puede ser que el navegador no tenga nada que ver con esto. De todos modos es una ayuda a la programacion.