livedoor ナレッジ

ブログのタイトル画像をアクセス度に変更

ブログのタイトル後ろにある画像ですが、
あの画像をアクセスする度に変わるようにすることはできないでしょうか？

いじるとすれば、
この部分↓をいじれば良いのでしょうか？

#banner{
width:767px;
height:155px;
text-align:left;
margin:0 auto;
background:url(*****) no-repeat 50% 0;
}

簡単には、こんな感じ

<div id="banner">
バナー
</div>
<script type="text/javascript"><!--
new function(){
	var img_list = new Array("01.jpg", "02.jpg", "03.jpg","04.jpg");
	var img = img_list[Math.floor(Math.random()*(img_list.length))];
	document.getElementById("banner").style.backgroundImage='url(img/'+img+')';
};
//-->
</script>

・スタイルでバナーの大きさが決められているので、それに適合する画像サイズの画像でなければいけません。
・バナーの後にスクリプトを入れます。
・Array に表示したい画像名をいれます。
・img/ の部分は画像の入っているＵＲＬをいれます。画像名としてフルパスを入れる場合は要りません。ＰＩＣＳを混在させたりする場合は、フルパスの方がいいかもしれません。
・リストの中からランダムに選ぶので、前回と同じ画像が表示される場合があります。
・前回表示画像を覚えておくにはさらにクッキーを操作するスクリプトが必要です。

スタイルシート(CSS)は静的なものですから、いじってもだめです。（複数のスタイルシートを切り換えるということは有りかも）
そういう動的なページを作るにはスクリプト(javascript)を使います。
いくつかの画像ファイルのリストを持っておいて起動の度にランダムに画像を選んで設定するということはできます。