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