Imagen que cambia segun el dia de la semana

usermax · #31 (**permalink**) 27/05/2007, 21:18

Hola,
Bueno he hecho algo como para que pruebes.
Sigue los pasos:

1) Pega dentro del <head> el siguiente código (debes completar las url de cada imagen obvio):

Código:

<script type="text/javascript" language="JavaScript">
var hora = Array();
hora[0] = "<img src='ww......jpg'>";
hora[1] = "<img src='ww......jpg'>";
hora[3] = "<img src='ww......jpg'>";
hora[4] = "<img src='ww......jpg'>";
hora[5] = "<img src='ww......jpg'>";
hora[6] = "<img src='ww......jpg'>";
hora[7] = "<img src='ww......jpg'>";
hora[8] = "<img src='ww......jpg'>";
hora[9] = "<img src='ww......jpg'>";
hora[10] = "<img src='ww......jpg'>";
hora[11] = "<img src='ww......jpg'>";
hora[12] = "<img src='ww......jpg'>";
hora[13] = "<img src='ww......jpg'>";
hora[14] = "<img src='ww......jpg'>";
hora[15] = "<img src='ww......jpg'>";
hora[16] = "<img src='ww......jpg'>";
hora[17] = "<img src='ww......jpg'>";
hora[18] = "<img src='ww......jpg'>";
hora[19] = "<img src='ww......jpg'>";
hora[20] = "<img src='ww......jpg'>";
hora[21] = "<img src='ww......jpg'>";
hora[22] = "<img src='ww......jpg'>";
hora[23] = "<img src='ww......jpg'>";
function imagenHora() {
var now = new Date ();
var Hours = now.getHours();
document.getElementById('imagen').innerHTML = hora[Hours];
}
</script>

2) En el cuerpo de la página html deberás definir una capa donde quieres que aparezca la imagen de esta manera <div id="imagen"></div>, esta capa puede estar perfectamente dentro de una celda de tabla, por ejemplo ...<td><div id="imagen"></div></td>...

3) Tienes dos opciones:
a) Si quieres que la función se ejecute cada ves y solo cada vez que se actualice la página agregas al final del documento este código:

Código:

<script type="text/javascript" language="JavaScript">
imagenHora();
</script>

b) Si quieres que la función se ejecute cuando se baje la página y si la página no se actualiza que cada 5 min corrobore automáticamente si cambió la hora y en caso afirmativo cambiar la imagen sin que el usuario actualice la página o haga algún movimiento pega esto al final del documento:

Código:

<script type="text/javascript" language="JavaScript">
imagenHora();
setInterval("imagenHora();",300000);
</script>

Espero que te sirva seguimos en contacto.

Hasta siempre

chechu_ · #32 (**permalink**) 28/05/2007, 16:46

Bueno, a ver, he probado el código que has subido (usermax) y no me da resultados, No sé si es que lo uso mal... o que fallo puedo tener porque a ver... coja el código tal cual y cambie las direcciones pero el resultado es ninguno, no muestra nada en la web.

Otra cosa, tengo un código de actualización ya en la web y mi pregunta es ¿actualizaría las imágenes del código también sin problema? el código de actualización es este.

<script type="text/javascript">
window.onunload = sale;
var valor;
if(document.cookie){
galleta = unescape(document.cookie)
galleta = galleta.split(';')
for(m=0; m<galleta.length; m++){
if(galleta[m].split('=')[0] == "recarga"){
valor = galleta[m].split('=')[1]
break;
}
}
if(valor == "sip"){
document.cookie = "recarga=nop";
window.onunload = function(){};
document.location.reload()
}
else{
window.onunload=sale
}
}
function sale(){
document.cookie ="recarga=sip"
}
</script>

Gracias y saludos.