Autor Tema: Ayuda - Dimensionar Imagen  (Leído 443 veces)

Desconectado Guero

  • PHPero Avanzado
  • ****
  • Mensajes: 439
  • Karma: 13
  • Sexo: Masculino
  • PHPeros, tu web PHP
    • Ver Perfil
    • De aquí, puedes encontrar Roma
Ayuda - Dimensionar Imagen
« en: 25 de Noviembre de 2010, 21:30:09 pm »
Hola PHPeros.
Tengo un problema, estoy con un proyecto y queria que la gente pusiera su avatar, con un link pero que el avatar nunca pasara de 200 x 200, y se redimensionara la imagen a 200 x 200, ¿que tendria que hacer?

Doy Karma, gracias.
Un cordial saludo, Guero.

Comunidad PHPeros

Ayuda - Dimensionar Imagen
« en: 25 de Noviembre de 2010, 21:30:09 pm »

Desconectado westwest

  • PHPero Master
  • ******
  • Mensajes: 2.837
  • Karma: 104
  • Sexo: Masculino
    • Ver Perfil
Re:Ayuda - Dimensionar Imagen
« Respuesta #1 en: 25 de Noviembre de 2010, 21:44:27 pm »
<img src="XX" width="200" height="200" />

o si no, imagecopyresampled de gd

Desconectado genartina

  • PHPer@ Fijo
  • ***
  • Mensajes: 131
  • Karma: 0
  • Sexo: Masculino
  • Comunidad Linksharing
    • Ver Perfil
    • Linksharing
Re:Ayuda - Dimensionar Imagen
« Respuesta #2 en: 26 de Noviembre de 2010, 12:35:15 pm »
Agrega esto en tu css

.tuclass{max-width:700px;width: expression(this.width > 700 ? 700: true);}

Luego haces la llamada de esta forma:

<img class="tuclass" border="0" src="url de la imagen">

En el codigo del ejemplo, la imagen tendra un ancho maximo de 700 px, pero tu puedes agregar el tamaño que quieras. La ventaja de esto es que las proporciones de ancho y alto se mantienen.

Espero que te sirva. Saludos.
¿ Genartina ? jeje

Desconectado Guero

  • PHPero Avanzado
  • ****
  • Mensajes: 439
  • Karma: 13
  • Sexo: Masculino
  • PHPeros, tu web PHP
    • Ver Perfil
    • De aquí, puedes encontrar Roma
Re:Ayuda - Dimensionar Imagen
« Respuesta #3 en: 26 de Noviembre de 2010, 13:51:26 pm »
<img src="link" width="200" height="200" />
Queda un poco chapucero, ¿no crees?, me gustaria mas por CSS.

Agrega esto en tu CSS
.tuclass{max-width:700px;width: expression(this.width > 700 ? 700: true);}

Luego haces la llamada de esta forma:
<img class="tuclass" border="0" src="url de la imagen">
Gracias, es lo que quería.
Gracias a los dos me habéis ayudado os habéis ganado 1 karma los dos, en la próxima hora se lo daré al próximo.
Un cordial saludo, Guero.