cambiar tamaño de imagen

[rezocrew]

hola, tengo el siguiente codigo que me cambia una imagen grande a una chica

function resize(imgP){
if(imgP.width > 80){
imgP.style.height = parseInt(imgP.height * 80 / imgP.width);
imgP.width = 80;
}
}


y llamo a la funcion desde aqui


Response.Write(" <TD align=""left"" class=""cssDocsTablaCeldaNormal"" width=""80""><IMG align=""center"" hspace=""7"" vspace=""5"" onload=""resize(this)"" src=""" & strFotoIconoURL & """ border=""0"" style=""border-color:#C8C8D4; TD>" )


el resultado es el optimo y me reduce la imagen si esta es mayor a 80 pixeles lo malo es que me muestra la reduccion y yo quiero que eso lo haga por detras cosa que el cambio de tamaño no se vea, si no que solo muestre cuando la imagen ya esta reducida, yo pensaba que quizas creando un <img hidden> y en el javascript colocar la imagen ya reducida en otro img pero no se si esp osible hacer esto por favor si saben de alguna manera para lograr lo que quiero .

[David]

Puedes modificar directamente los atributos width y height del tag img, o hacerlo del lado del servidor, o si son varias imágenes tener una clase en tu hoja de estilo (CSS) con las correspondientes dimensiones, y aplicar esa clase a todas las imágenes que quieras redimensionar.

[rezocrew]

si , lo que pasa es ke para imagenes muy chicas darle un width determinado hara que esta imagen se me desenfoque y pierda nitidez por ejemplo si tengo una imagen de 60px de ancho y mi clase dice que el width es de 80 la imagen se va ver remal.

tonces no me sirve esa solucion :(

[David]

¿Y la opción de obtener las dimensiones del lado del servidor y devolver el width y height a partir de ahí?. Y por último, la solución no tan ortodoxa de ocultar la imagen y mostrarla después de haberla redimensionado.

[rezocrew]

esa ultima es la que kiero aplicar pero no se como :S

[David]

En su estilo (CSS) colocas display: none, o visibility: hidden, y después de hacer la redimensión (puede ser en el evento onload del img) lo muestras volviendo a cambiar su estilo a display: block o a visiblity: visible.