- このスクリプトはページが表示される度に表示する画像を登録してある中からランダムで選択します。
毎回変化させて退屈させないページを作ってみては(￣〜￣)ξ
- 〜 JavaScript 〜
<script language="JavaScript">
<!--
img = new Array
img[0] = "gif/1.gif";
img[1] = "gif/2.gif";
img[2] = "gif/3.gif";
img[3] = "gif/4.gif";
img[4] = "gif/5.gif";
rnd = Math.floor(Math.random() * img.length);
document.write("<img src='",img[rnd],"'>");
//-->
</script>
|
- img = new Arrayで配列オブジェクトを生成し、個々の要素に表示したい画像のファイル名(パスを含む)を代入していきます。ここでファイル名は数値になっていますが数値にする必要はありません
- img = new Array
img[0] = "gif/1.gif";
img[1] = "gif/2.gif";
…
- 配列を参照する為の乱数を発生させます。先ずMath.random()で0以上1未満の乱数が発生します、次にimg.lengthで配列の要素数を取得して先の値と乗算します。ここで画像を5枚設定した場合に乗算の結果として考えられる値は0以上5未満の数になります。最後にMath.floor()でこれまでに求めた値を切捨てします。ここで画像を5枚指定した場合最終的にrndに代入される値は0,1,2,3,4のいずれかになります。
- rnd = Math.floor(Math.random() * img.length);
- 配列に指定してある値をタグ付で出力します。
- document.write("<img src='",img[rnd],"'>");
| |