Ver Mensaje Individual
  #1 (permalink)  
Antiguo 07/03/2011, 13:33
Starmoca
 
Fecha de Ingreso: mayo-2009
Mensajes: 71
Antigüedad: 15 años, 7 meses
Puntos: 0
Imagen aleatoria dia y noche

Hola, tengo os codigos que deseo combinar y no consigo que me funcionen,

El primero hace que la imagen de fondo de un div sea aleatoria entre 5 imagenes:

Código:
<script type="text/javascript">
document.getElementById("branding").style.background = "url(images/"+parseInt(Math.random()*5+1)+".png)";
</script>
y el segundo hace que se cargue un .CSS distinto dependiendo de la hora del usuario:

Código:
<script language="javascript">
// Obtenemos la hora (0-23)
var d = new Date();
var Hora = d.getHours();
// Si la hora es menor a 20:00 y mayor a 04:00
if(Hora<20 && Hora>4)
{
// Imprimir CSS de dia
document.write('<link rel="stylesheet" type="text/css" href="cssdedia.css" />');
} else {
// imprimr CSS de noche
document.write('<link rel="stylesheet" type="text/css" href="cssdenoche.css" />');
}
</script>
ahora lo que yo quiero es que cargue imágenes aleatoriamente pero de una carpeta distinta dependiendo de la hora, dia/ y [COLOR="rgb(105, 105, 105)"]noche/[/COLOR] por ejemplo.

Lo que hice fue esto pero no funciono:

Código:
<script language="javascript">
// Obtenemos la hora (0-23)
var d = new Date();
var Hora = d.getHours();
// Si la hora es menor a 20:00 y mayor a 04:00
if(Hora<20 && Hora>4)
{
// Imprimir CSS de dia
document.getElementById("branding").style.background = "url(images/dia/"+parseInt(Math.random()*5+1)+".png)";
} else {
// imprimr CSS de noche
document.getElementById("branding").style.background = "url(images/noche/"+parseInt(Math.random()*5+1)+".png)";
}
</script>
Agradesco de antemano su colaboración...