CSSで背景画像をランダムに表示させたいのですが
CSSで背景画像をランダムに表示させたいのですが、簡単な対応方法などありますでしょうか?
背景のランダム表示としてbody部分をjavascriptで背景のランダム処理はたくさんあるのですが、今回はスタイルシートでbodyではなく、サイト内のいち部分のクラス要素の背景をランダムに表示させたいと思っています。
<div class="main">
ここにコンテンツがあって、このmainのクラス要素の背景をランダムに変えたいです。
</div>
スタイルシートの方では現在は
.main {
float:left;
background-image:url(/image/top_bg01.jpg);
background-repeat:no-repeat;
min-width:736px;
height:auto;
border-right:1px solid #000000;
}
としており、このtop_bg01.jpgの部分の画像を
top_bg01.jpg
top_bg02.jpg
top_bg03.jpg
top_bg04.jpg
top_bg05.jpg
とランダムに表示させたいのですが、対応方法が分からずに困っています。
http://www.designwalker.com/2006/12/random-css.html
はためしてみましたが、PHPがうまく対応できずに断念してしまいました。
どなた様か宜しくお願いいたします。
補足
ご回答いただきまして、ありがとうございます。 JavaScriptで、画像を連番にして乱数発生させれば可能なんですか! ありがとうございました。