Onresize

Joaca · #1 (**permalink**) 12/07/2010, 18:57

Hola a todos.

les comento que soy nuevo en el java y no e podido realizar la funcion on resize para que un fondo se me adapte al navegador alguien tiene algun tuto de como hacerlo.

<script language=javascript>
function ini()
{
var elFondo = document.getElementById("fondo").
style;
var ancho = document.body.clientWidth;

var alto = document.body.clientHeight;
elFondo.
width = ancho;
elFondo.height = alto;
}

</script>

<body style="margin:0" onload=ini() onresize=ini()>
<div style="position: relative">
<div style="position:absolute; top:0; left:0;">

<img src="fondo.png" id=fondo style="position: absolute;top:0; left: 0; width:0;left:0"height="100%">
</div>
Este es el codigo pero no e podido utilizarlo

Gracias

zerokilled · #2 (**permalink**) 12/07/2010, 19:49

solo por curiosidad, ¿no te sería lo mismo si en lugar de cargar la imagen con IMG cargarla como fondo del BODY o algún elemento wrapper? la pregunta porque de momento no veo la necesidad de reescalar las dimensiones de un elemento que va ocupar todo el ancho y alto del navegador. si fuera que la imagen cambiara de acuerdo a las dimensiones del navegador, pues ya sería otra cosa pero no demuestra ser tu caso. en fin, el punto es -y como recomendación-, si realmente no se requiere javascript, opta por otros medios. en este caso, css.