Ver Mensaje Individual
  #1 (permalink)  
Antiguo 01/10/2011, 19:02
deywibkiss
 
Fecha de Ingreso: mayo-2011
Mensajes: 105
Antigüedad: 13 años, 7 meses
Puntos: 3
Pregunta redimensionar imagen a partir de su alto y ancho por defecto

hola he estado intentando un jscript que me redimensione el alto de una imagen sin haber especificado en la etiqueta <img> el width y el height.

lo que pasa es que en mi web hay un formulario que carga una imagen de usuario y de la cual solo ESPECIFICO EL ALTO para que el ancho se ajuste y no se desproporcione la imagen.

entonces si yo dejo el height por ejemplo en unos 70px me funciona perfecto para las imagenes donde el height supera el width. Pero en caso contrario, si el width supera el height (imagenes horizontales) ese 70 aplica pero el formulario donde esta la imagen se desborda y hace ver mal la web.

luego intento con un codigo mas o menos asi:

Código Javascript:
Ver original
  1. function redim (){ 
  2. var alto = document.getElementById("fotouser").height;
  3. var ancho = document.getElementById("fotouser").width;
  4. var height = parseInt(alto);
  5. var width = parseInt(ancho);
  6. if (height < width){
  7.  
  8. document.getElementById("fotouser").style.height = 40 + "%";
  9. }
  10. else
  11. {
  12. document.getElementsById("fotouser").style.height = 20 + "%";  
  13. }
  14. }

pero este codigo necesita que en la etiqueta img se especifique el width y el height cosa que nunca voy a saber ps la imagen es cargada por el usuario.

ayuda.....