Tema: Imagen segun hora y dia!
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 22/03/2011, 19:55
InKarC
 
Fecha de Ingreso: noviembre-2005
Mensajes: 426
Antigüedad: 18 años, 5 meses
Puntos: 87
Respuesta: Imagen segun hora y dia!
Tu codigo es demasiado confuso para mis ojitos y no logro entenderlo... ; lo de la imagen simplemente es por que un array comienza en 0 y un yo inicie desde 1.jpg cuando debi iniciar desde 0.jpg (que seria las 0:00 horas, o sea las 12 de la noche).
Cita:
<img src="" id="imagen_cambiante" />

<script type="text/javascript">

function cambie_imagen (){
var d = new Date();
var la_hora = d.getHours();
var list_images = ["0.jpg","1.jpg","2.jpg","3.jpg","4.jpg","5.jpg","6 .jpg","7.jpg","8.jpg","9.jpg","10.jpg","11.jpg","1 2.jpg","13.jpg","14.jpg","15.jpg","16.jpg","17.jpg ","18.jpg","19.jpg","20.jpg","21.jpg","22.jpg","23 .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>
Si lo quieres por dia simplemente usa este codigo; solo tienes que cambiar los arrays por la lista de imagenes que tu quieres para cada dia, y listo, todo hecho. Le agregue comentarios (javascript) para que mires como funciona lo de los dias.

Cita:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
</head>

<body>

<img src="" id="imagen_cambiante" />

<script type="text/javascript">

function cambie_imagen (){
var d = new Date();
thisDay=d.getDay()

var la_hora = d.getHours();

var list_images;

if(thisday == "1"){ // SI ES LUNES
list_images = ["0.jpg", "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.jp g","19.jpg","20.jpg","21.jpg","22.jpg","23.jpg"]

} else if (thisday == "2") { // SI ES MARTES
list_images = ["0.jpg", "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.jp g","19.jpg","20.jpg","21.jpg","22.jpg","23.jpg"]

} else if (thisday == "3") { // SI ES MIERCOLES
list_images = ["0.jpg", "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.jp g","19.jpg","20.jpg","21.jpg","22.jpg","23.jpg"]

} else if (thisday == "4") { // SI ES JUEVES
list_images = ["0.jpg", "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.jp g","19.jpg","20.jpg","21.jpg","22.jpg","23.jpg"]

} else if (thisday == "5") { // SI ES VIERNES
list_images = ["0.jpg", "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.jp g","19.jpg","20.jpg","21.jpg","22.jpg","23.jpg"]

} else if (thisday == "6") { // / SI ES SABADO
list_images = ["0.jpg", "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.jp g","19.jpg","20.jpg","21.jpg","22.jpg","23.jpg"]

} else if (thisday == "7") { // SI ES DOMINGO
list_images = ["0.jpg", "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.jp g","19.jpg","20.jpg","21.jpg","22.jpg","23.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>


</body>
</html>