JSにて時間帯によって画像を切り替えたい＋αで動作確認してないですが､以下のような感じでどうでしょうか？
image/0.jpg, image/1.jpg を用意する感じです｡
var now = new Date(); var img = 'image/' + Math.floor( now.getMinutes()/30 ) + '.jpg';
| ▽2
●
Cherenkov ●200ﾎﾟｲﾝﾄ  ﾍﾞｽﾄｱﾝｻｰ |
じゃあ0.jpg, 1.jpg以外のﾌｧｲﾙ名にする方法
demo: http://jsfiddle.net/f3urC/
<html> <head> <meta charset="UTF-8"> <script> window.onload = function() { var srcs = ['http://www.hatena.ne.jp/images/badge-q-used-hover.gif', 'http://www.hatena.ne.jp/images/badge-b-used-hover.gif']; var now = new Date(); var imgSrc = srcs[Math.floor(now.getMinutes()/30)]; document.getElementById('logo').src = imgSrc; }; </script> </head> <body> <img id="logo" src=""> </body> </html>
このあたりの本を読んで勉強するといいですよ｡ﾌﾞﾗｳｻﾞはFirefox､ｱﾄﾞｵﾝのFirebugがおすすめ｡
大まかに分けたいだけなら､これで十分ではないかと思います｡
<script language="JavaScript">
var images = new Array();
images[0] = 'a.jpg';
images[1] = 'b.jpg';
var num = Math.floor(Math.random() * images.length);
document.write('<img src="' + images[num] + '"/>');
</script>
