WEB制作テクニック

アクセスする度に背景画像をランダムで表示する



以下はソースです。灰色の部分が説明です。
全文をコピー&ペーストでもご使用頂けます。
<SCRIPT language="JavaScript">
	<!--
	bgimg = new Array();
	bgimg[0] = "画像URL1";
	bgimg[1] = "画像URL2";
	bgimg[2] = "画像URL3";
	bgimg[3] = "画像URL4";
	bgimg[4] = "画像URL5";
	chip = Math.floor(bgimg.length * Math.random());
	document.body.background = bgimg[chip];
	//-->
</SCRIPT>

解説
1.new Array()で変数bgimgを配列にする
2.配列になったimgに背景画像のアドレスを入れる。
3.n = Math.floor(Math.random()*img.length);はimgの配列の数分ランダムで数値作成
4.document.body.backgroundは背景画像を変更するプロパティです。

※注意!CSSでページ全体の背景を設定している場合、このスクリプトは使用できません。