応援バナーのランダム表示

個人的にはまってる某乙女ゲーのファンディスクが出るということで、その応援バナー18種をランダム表示したくなりました。
が、公式では用意されてませんでした。
ので久々にJavaScriptをいじることにしました。
といっても作りは単純です。
元々の応援バナーへのurlのかなりの部分が共通なので、

  1. 共通部分をすべて定数定義constにつっこみ、
  2. 違う部分だけ配列に突っ込んでランダム出力

だけです。
スクリプトを書くにあたっては
http://javascript.eweb-design.com/0804_ri.html
↑を参考にさせていただきました。


というわけで作ったのが以下のとおり。

<SCRIPT language="JavaScript">
<!--
// ランダムに画像を表示する

// ジャンプ先のアドレス
const jmp = "http://scared-rider-xechs.jp/fd/";
const img = "http://scared-rider-xechs.jp/fd/banner/images/160x600_";
const alt = " alt='スカーレッドライダーゼクス応援中!' width='160' height='600' border='0'"
img_hito = new Array();
// 画像のアドレス
img_hito[0] = "yosuke.jpg";
img_hito[1] = "takt.jpg";
img_hito[2] = "yuji.jpg";
img_hito[3] = "hiro.jpg";
img_hito[4] = "kazuki.jpg";
img_hito[5] = "hijiri.jpg";
img_hito[6] = "fer.jpg";
img_hito[7] = "les.jpg";
img_hito[8] = "dev.jpg";
img_hito[9] = "duesen.jpg";
img_hito[10] = "ricken.jpg";
img_hito[11] = "epi.jpg";
img_hito[12] = "amakasu.jpg";
img_hito[13] = "ishidera.jpg";
img_hito[14] = "oumi.jpg";
img_hito[15] = "suruga.jpg";
img_hito[16] = "kazuki.jpg";
img_hito[17] = "gran.jpg";
n = Math.floor(Math.random()*img_hito.length);
document.write("<a href='"+jmp+"'>");
document.write("<img src='"+img+img_hito[n]+"'"+alt+"/>");
document.write("</a>");
//-->
</SCRIPT>

これを、スクリプトまで自由に入力できる所にそのままコピペしました。
それくらいでもなんとか出来るのがありがたかったです。