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