Random Image Rotationを使って簡単に背景画像をランダム表示させる

Ads

多用するほどでは無いですが、
便利だったのでメモ。画像を
ランダムに表示するPHPライ
ブラリのRandom Image Rot
ationをcssに指定して背景を
ランダム表示させます。

画像の指定も不要なライブラリなので応用すれば便利そうです。ランダムなので用途は限られそうですが覚えて置いて損は無さそう。

Random Image Rotation

ran
Random Image Rotationは同じ階層の画像をランダムに表示するライブラリで、このファイルをcssに指定して背景をランダムに表示してみました。

デモ

css

cssは以下の通り。

body {
                                  background: url(rotator.php);
}

Random Image Rotation(rotator.php)と同じ階層にある画像がランダムに表示されるのでrotator.phpをurl指定するだけで、背景がランダムに変わります。画像を同階層に放り込むだけで実装出来るので楽ですね。

デモではbodyの背景にしましたが、TOPバナーやヘッダ画像に利用するのも良さそうです。

rotator.phpは以下にあります。txtになっているので.phpに変換してご利用下さい。

Random Image Rotation