CSSの背景画像をランダムに変更するPHPコード。

背景画像をランダムに変更するコードを紹介します。
コードはDan BenjaminさんのPHPで、基本的にはPHPで複数の画像の内の一つをランダムに表示させます。
Dan BenjaminさんのサイトでPHPコードがありますので、そちらをダウンロードします。
指定のフォルダに複数の画像を入れ、
同フォルダにrotate.phpをコピーすれば終わりです。
後は適切なコードでrotate.phpを呼び出せば反映されます。
例として

<img src="画像のあるフォルダ/
rotate.php~img=my_static_image.jpg" />

などで呼び出せます。
さて、ワタクシはブログのバナーを閲覧の度に変えたいと思いました。
vicunaのテーマを使用しているのですが、そこのlayout.css
のeyecatcherの部分を

background-image: url(画像のあるフォルダ/image1.png);

から

background-image: url(画像のあるフォルダ/rotate.php);

に編集するだけでした。
※以下にテストします。
ウェブブラウザーの「更新」ボタンを押すと、下記の画像が変わるハズです。
同時に、このブログの上部にあるバナーの画像も変わるハズです。
(2010年6月28日現在)

※参考URL:
Dan BenjaminさんのPHP:
http://www.alistapart.com/articles/randomizer/
vicunaのテーマ:
http://vicuna.jp/

タイトルとURLをコピーしました