こうさぎの背景をランダムに表示する

昨日のに引き続き、今日もこうさぎのカスタマイズです。
今日は、こうさぎの背景画像をランダムで表示する方法です。

昨日の記事で、tsupoさまが教えてくださった、weblog.hikoboshi.macさまの「こうさぎの背景をランダムイメージにする」を参考にしました。

1.まず、こうさぎ用のJavaScriptファイルを用意します。
私は、昨日の「こうさぎの名前をひらがなにする方法」で用意したファイルを使いました。

2.ファイルを開き、一番最初(document.～の前）に以下の記述を追加します。

// random image
var img = new Array();
img[0] = 'http://koroppy.cocolog-nifty.com/blog/kousagi1.jpg';
img[1] = 'http://koroppy.cocolog-nifty.com/blog/kousagi2.jpg';
img[2] = 'http://koroppy.cocolog-nifty.com/blog/kousagi3.jpg';
img[3] = 'http://koroppy.cocolog-nifty.com/blog/kousagi4.jpg';
img[4] = 'http://koroppy.cocolog-nifty.com/blog/kousagi5.jpg';
img[5] = 'http://koroppy.cocolog-nifty.com/blog/kousagi6.jpg';

var room = img[Math.floor(Math.random() * img.length)];

imgの後の数字はゼロオリジンです。
データは、ご自身でUPした画像のURLに修正してください。
イメージファイルは、好きな数だけ指定できます。

3.こうさぎ呼び出しスクリプトの、背景画像を指定しているURLを、以下のように書き換えます。
スクリプト中ほどと、最後の方、2箇所にあります。

room="+room+"

4.ファイルを保存し、サーバにUPします。
そのファイルを呼び出すように、こうさぎの呼び出し部分を修正すれば完了です。

観測気球さまによると、

背景画像は JPEG形式、サイズは 130 × 150

とのことですが、なかなか小さい背景ってないんですよねぇ。

現在のラインナップはこんな感じです。
1.雪うさぎ
2.篝火（蛍）
3.福寿草
4.緋扇
5.秋の野原
6.オーロラ

今回お借りした夢幻華亭さまは、比較的小さいサイズの画像も用意されています。
今まで使っていたTin Moonさまの背景も、継続してお借りすることにしました。

【追記】
あまりに季節外れな素材が多かったので（笑）、夏らしく海も追加してみました。
素材はwhite gardenさまにお借りしました。

【追記】
大事なステップ3を書き忘れていました!
このままやって動かなかった方、申し訳ございませんでした。

【2004.7.8　追記】
このエントリを元に、こうさぎが記事を書きました。

【2005.1.19　追記】
留守番背景を利用する為、CGIを使ってランダムにする方法に変更しました。
詳しくは「ランダム表示のまま留守番背景を使う方法」をご覧ください。

【2005.2.16　追記】
ベータ版では、スクリプトに背景の記述がないので、この方法は使えなくなったようです。