Relacionar javascript con css

frankma · #1 (**permalink**) 01/03/2010, 15:11

Hola, en un post vi este código, para cargar una imagen diferente cada hora:

----------
<html>
<head>
<script>
function cargarImagen(){
ahora=new Date();
hora=ahora.getHours();
imagen="img/"+hora+".jpg";
document.images["reloj"].src=imagen;
}
</script>
<title>Carga Imagen Por Hora</title>
</head>

<body onload="cargarImagen()">
<img src="img/1.jpg" name="reloj">

</body>
</html>
----------

Yo tenía un código en css para que una imagen ocupase todo el fondo de la pantalla, adaptándose a la resolución de cada pantalla:
----------
<style type="text/css">

body {margin:0; padding:0; width:100%; height:100%; overflow:hidden; }
#background{ height:100%; width:100%; position:absolute;}

</style>

<div>
<img id="background" src="images/fondo.jpg" alt="" title="" />
</div>
----------
De css sé muy poco, y de javascript nada.

¿Cómo podría relacionar un código con el otro? Es decir, que la imagen de fondo se adapte a cada pantalla y cambie cada x tiempo.

Un saludo y gracias

hector2c · #2 (**permalink**) 01/03/2010, 15:23

intenta con:

Código PHP:

  <html>

<head>

<script>

function cargarImagen(){

ahora=new Date();

hora=ahora.getHours();

imagen="img/"+hora+".jpg";

document.images["reloj"].src=imagen;

}

</script>

<title>Carga Imagen Por Hora</title>

<style type="text/css">

 
body {margin:0; padding:0; width:100%; height:100%; overflow:hidden; }

#background{ height:100%; width:100%; position:absolute;}

 
</style>

</head>

 
<body onload="cargarImagen()">

<img src="img/1.jpg" name="reloj" id="background">

 
</body>

</html>