応援バナーのランダム表示
個人的にはまってる某乙女ゲーのファンディスクが出るということで、その応援バナー18種をランダム表示したくなりました。
が、公式では用意されてませんでした。
ので久々にJavaScriptをいじることにしました。
といっても作りは単純です。
元々の応援バナーへのurlのかなりの部分が共通なので、
- 共通部分をすべて定数定義constにつっこみ、
- 違う部分だけ配列に突っ込んでランダム出力
だけです。
スクリプトを書くにあたっては
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>
これを、スクリプトまで自由に入力できる所にそのままコピペしました。
それくらいでもなんとか出来るのがありがたかったです。