CSSでバックグラウンド画像をランダムに切り替える

画像を切り替える方法を調べていたらすごくいいサイトを見つけました。



【CSSのバックグラウンド画像をランダムに表示してみる】
http://www.designwalker.com/2006/12/random-css.html/trackback



ここのサイトの方法で話は完結してるのですが、アメブロで画像を切り替えようとするとちょっと問題が。


アメブロではhtmlを書き換えられない


ということです。


なので上記のサイトに書かれているままでは使えません。


厳密に言えば、フリースペースやフリープラグインではhtmlが使えますが、
ヘッダーや背景を切り替えたかったので。


というわけで、単純にIDを書き換えて使うことにしました。


画像の変わりにPHPファイルを呼び出す形。


ひとまずbodyに「background-image:url(http://worldchord.jp/****/rotator/rotator.php)」と記述。


ヘッダー画像はまた時間あるときに作ろうと思います。




http://worldchord.jp