Foros del Web » Programando para Internet » Javascript »

Relacionar javascript con css

Estas en el tema de Relacionar javascript con css en el foro de Javascript en Foros del Web. 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; ...
  #1 (permalink)  
Antiguo 01/03/2010, 15:11
 
Fecha de Ingreso: enero-2004
Mensajes: 58
Antigüedad: 20 años, 3 meses
Puntos: 3
Relacionar javascript con css

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
  #2 (permalink)  
Antiguo 01/03/2010, 15:23
Avatar de hector2c  
Fecha de Ingreso: noviembre-2007
Ubicación: Perú - Tacna
Mensajes: 979
Antigüedad: 16 años, 4 meses
Puntos: 25
Pregunta Respuesta: Relacionar javascript con css

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> 
__________________
blog: hector2c.wordpress.com
email: [email protected]

Etiquetas: css, relacionar
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:53.