Hola de nuevo
He engendrado algo, creo que está bien pero no es fácil probarlo, claro.
Suponiendo que tus imágenes se llamen img1.gif, img2.gif etc.
Código HTML:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/javascript">
var intervalos = new Array(7)
var imagenes = new Array(7)
// lunes: índice 1
intervalos[1] = new Array()
// la hora tope, en minutos desde las 00.00
intervalos[1][0] = 0
intervalos[1][1] = 30
intervalos[1][2] = 420
intervalos[1][3] = 480
intervalos[1][4] = 600
intervalos[1][5] = 840
intervalos[1][6] = 870
intervalos[1][7] = 960
intervalos[1][8] = 1080
intervalos[1][9] = 1140
intervalos[1][10] = 1260
intervalos[1][11] = 1320
intervalos[1][12] = 1440
imagenes[1] = new Array()
// el número de imagen que hay que mostrar en cada intervalo
imagenes[1][0] = 1
imagenes[1][1] = 2
imagenes[1][2] = 3
imagenes[1][3] = 4
imagenes[1][4] = 2
imagenes[1][5] = 5
imagenes[1][6] = 1
imagenes[1][7] = 6
imagenes[1][8] = 7
imagenes[1][9] = 8
imagenes[1][10] = 9
imagenes[1][11] = 1
// fin del lunes
var dia
function muestra() {
var fecha = new Date()
dia = fecha.getDay() //de 0 (dom) a 6 (sáb)
var minutos = fecha.getHours()*60+fecha.getMinutes()
for (i=0; i<intervalos[dia].length; i++)
{ if ( minutos>=intervalos[dia][i] && minutos<intervalos[dia][i+1] )
{ return i }
}
}
</script>
</head>
<body>
<script language="JavaScript" type="text/javascript">
var intervalo = muestra()
document.writeln("Mostrando la imagen 'img" + imagenes[dia][intervalo] + ".gif': ")
document.writeln("<img src='img" + imagenes[dia][intervalo] + ".gif'>")
</script>
</body>
</html>
Debes repetir el código de asignación para los otros 6 días de la semana, cambiando el primer índice de las matrices.
Lo he puesto suponiendo que los intervalos horarios sean distintos cada día de la semana, si fuesen iguales se simplifica.
No me entretengo en explicarlo. Si hay algo que no entiendas, dilo.