Cambiar imagen según la hora y el dia.

Yuggoth · #1 (**permalink**) 25/08/2010, 08:14

Hola a todos, estoy intentando hacer lo siguiente, una imagen en mi web, que cambie segun el dia de la semana y la hora que sea. Acá mismo encontre este script que me cambia la imagen según la hora solamente y me funciona perfecto:

Cita:

Iniciado por KarlanKas

Prueba con esto:

Código HTML:

<html>
<head>
<script>
function cargarImagen(){
ahora=new Date();
hora=ahora.getHours();
if(hora<8){
imagen="primera.jpg";
}

if(hora>7 && hora<12){
imagen="segunda.jpg";
}
if(hora>11 && hora<18){
imagen="tercera.jpg";
}
if(hora>17 && hora<24){
imagen="cuarta.jpg";
}
document.images["reloj"].src=imagen;
}
</script>
	<title>Untitled</title>
</head>

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


</body>
</html>

Mi pregunta es si se puede modificar este mismo script o hay que ocupar uno totalmente nuevo?
Saludos

lair · #2 (**permalink**) 25/08/2010, 08:22

Hola.

Puedes usar ese, solo habria que modificar

Código Javascript:

Ver originalif(hora>7 && hora<12){
   imagen="segunda.jpg";
}

agregando lo del dia de la semana

Código Javascript:

Ver originalif(hora>7 && hora<12){
   switch(ahora.getDay()){
      //aqui codificarias lo necesario para cada dia
   }
   imagen="segunda.jpg";
}

Suerte.

Yuggoth · #3 (**permalink**) 25/08/2010, 08:40

Gracias por la respuesta tan rápida, pero ¿podrías indicarme el codigo para obtener el dia?
Estoy recien aprendiendo a implementar javascript.
Gracias

lair · #4 (**permalink**) 25/08/2010, 17:12

Este codigo que tienes te da algo como
1, 2, 3, 4, 5, 6, 7, 8, 9,... 24
ahora.getHours();

y
ahora.getDay() esto te dara lo siguiente:
1 = Lunes
2 = Martes
3 = Miercoles
y asi sucesivamente

Suerte.

Edito.

para que te quede mas claro prueba esto:
http://www.ejemplode.com/24-javascri...avascript.html

turk182 · #5 (**permalink**) 03/11/2010, 22:29

ahora.getDay() esto te dara lo siguiente:
1 = Lunes
2 = Martes
3 = Miercoles
y asi sucesivamente
----------------------------------------------------------------
Hola, No entendi bien como es el proceso:

if(hora>7 && hora<12){
switch(ahora.getDay()){
//aqui codificarias lo necesario para cada dia
}
imagen="segunda.jpg";
}

Como se configura las imagenes por dias ?? Por ejemplo quiero que la imgen=segunda.jpg aparezca todos los sabados de 9 am a 12 pm como lo configuraria con este Code ? Gracias...........

ccello · #6 (**permalink**) 11/04/2012, 16:07

Hola, estoy en la misma incertidumbre, quizás me puedan ayudar, puesto que quiero hacer lo mismo pero dentro de una tabla lo otro que estoy haciendo si es que me pueden ayudar es cambiar la imagen de fondo según el país del cual ingresas, con php creo que va que funciona, pero tengo que subir un banco de fotos muy grandes, alguna idea que me puedan dar, saludos.