Ver Mensaje Individual
  #2 (permalink)  
Antiguo 21/03/2011, 14:37
InKarC
 
Fecha de Ingreso: noviembre-2005
Mensajes: 426
Antigüedad: 18 años, 5 meses
Puntos: 87
Respuesta: Imagen segun hora y dia!

Aqui una solucion sencilla (probada).

Código:
<img src="" id="imagen_cambiante" />

<script type="text/javascript">

function cambie_imagen (){
var d = new Date();
var la_hora = d.getHours();
var list_images = ["1.jpg","2.jpg","3.jpg","4.jpg","5.jpg","6.jpg","7.jpg","8.jpg","9.jpg","10.jpg","11.jpg","12.jpg","13.jpg","14.jpg","15.jpg","16.jpg","17.jpg","18.jpg","19.jpg","20.jpg","21.jpg","22.jpg","23.jpg","24.jpg"]
var imagen_seleccionada = list_images[la_hora];
window.document.getElementById("imagen_cambiante").src = imagen_seleccionada;
}


cambie_imagen();
setInterval ("cambie_imagen()", 60000 ); // Esta linea hace que cada 60 segundo cheque si cambio de hora, y asi camibar de imagen
</script>
Este ejemplo solo cambia dependiendo la hora; si la quieres cambiar por dia, solo saca en una variable que dia es y dependendiendo de eso cambia el array; algo como

Cita:
if(dia = "sabado"){
list_images = ["fondo_sabado1.jpg", "fondo_sabado2.jpg"]
} else if (dia = "domingo"){

//etc
Suerte.

Última edición por InKarC; 21/03/2011 a las 14:43