Esperar carga de imagen
Estoy intentando hacer un script q cargue una imagen en una ventana nueva, de forma q el tamaño de esta nueva ventana sea adecuado al de la imagen. Para ello, tengo un objeto image del que cojo la resolucion de la imagen, y redimensiono la ventana segun estos valores:
1 var imagen = new Image();
2 imagen.src= imagen_a_cargar;
3 var alto = imagen.height;
4 var ancho = imagen.width;
El problema es que de esta forma, muchas veces no se carga la imagen, y la ventana es de un tamaño bastante reducido. Cuando se vuelve a pinchar en la misma imagen, si funciona bien. Esto me hace suponer que el problema es que se pasa de la instruccion 2 la 3 muy rapido, de forma que la imagen aun no ha sido cargada, y por tanto imagen.width e imagen.height no tienen los valores correctos (al volver a pinchar, la imagen estará guardada en caché o algo asÃ).
Mi pregunta es, ¿como puedo hacer para esperar a q se cargue la imagen?
SI este no es el problema, ¿cual es entonces?
1 var imagen = new Image();
2 imagen.src= imagen_a_cargar;
3 var alto = imagen.height;
4 var ancho = imagen.width;
El problema es que de esta forma, muchas veces no se carga la imagen, y la ventana es de un tamaño bastante reducido. Cuando se vuelve a pinchar en la misma imagen, si funciona bien. Esto me hace suponer que el problema es que se pasa de la instruccion 2 la 3 muy rapido, de forma que la imagen aun no ha sido cargada, y por tanto imagen.width e imagen.height no tienen los valores correctos (al volver a pinchar, la imagen estará guardada en caché o algo asÃ).
Mi pregunta es, ¿como puedo hacer para esperar a q se cargue la imagen?
SI este no es el problema, ¿cual es entonces?
yo hice un script parecido, pero la imagen la aplicaba con un document.write("<img src.....>"), bien en esta misma cadena, incluia en el TAG IMG el control de evento ONLOAD="redimensiona()", donde redimensiona() es la funcion que calcula el tamaño de la ventana en funcion del de la imagen
