Hola!
Necesito redimensionar imagenes sin que pierdan la proporcion de tamaño. Probe a usar max-width y max-height de CSS, y funcionan de maravilla, simple y sencillo ¿no?, Pues no, porque ahi esta el MS IE para fastidiar. Funciona con todos navegadores excepto IE.
El caso es que he leido por ahi que debe de hacer usando javascript para que funcione tambien con IE. Mi pagina esta desarrollada en php. No tengo idea de programar en javascript asi que, viendo algo de codigo por internet, he improvisado una funcion que, en la parte logica funcionara perfectamente, pero supongo que tendra errores de sintaxis, si podeis corregirmela os lo agradeceria.
Código:
<script>
function Ancho_y_Alto(mX,mY,imagen){
foto=new Image();
foto.src=imagen;
var rX=foto.width;
var rY=foto.height;
var varX=110;
var varY=110;
if(rX > mX){
varX=mX;
if(rY / (rX/mX) > mY){
varY=mY;
varX=rX/(rY/mY);
}else{
varY=rY/(rX/mX);
}
}else{
if(rY > mY){
varY=mY;
varX=rX/(rY/mY);
}else{
varX=rX;
varY=rY;
}
}
return "width=" + varX + " height=" + varX;
}
</script>
Por lo demas, necesito que me expliqueis como emplear esta funcion en una pagina php/html, es decir, donde declararle y, lo que es mas importante, donde y como llamarla.
Si os fijais mi idea es que la funcion te devuelva una cadena del estilo "width=400 height=240" y esta cadena, pegarla aplicarla directamente en una etiqueta IMG. Aunque creo que este metodo funciona para PHP, en javascript igual no... si teneis cualquier idea para mejorarla u otra manera de hacer esto...
Bueno como veis necesito ayuda, espero vuestra respuesta!
Muchas gracias de antemano!
