El HTML que cargo tiene una llamada a una función javascript en el evento onload del body que redimensiona una imagen adaptándola al tamaño de la ventana. Sería algo así:
Código:
Pues bien, cuando cargo este html en el div de la página principal no ejecuta la función javascript. He probado a poner dentro de redimensionar() un simple alert y no hace nada.<html> <head> <script language="javascript"> function redimensionar() { if(document.getElementById("portada").width > document.body.clientWidth) { //Cambio el tamaño de la imagen para adaptarlo al ancho de la ventana. } } </script> </head> <body onload="redimensionar();"> <img id="portada" src="miImagen.jpg"> </body> </html>
Sé que podría cambiar el tamaño de la imagen en la página contenedora, pero, a parte de que no funciona con Google Chrome (el width de la imagen siempre me devuelve 0), necesito cargar otros htmls más desarrollados que van a hacer uso de jquery y otras funciones javascript más complejas.
¿Alguna solución?