バナーをランダムで表示するスクリプト

初めての JavaScript 解説になります。今回は使いやすくて比較的簡単な「バナーをランダム表示する」スクリプトの紹介です。

スクリプトを使うには、これから説明する通りの文章をメモ帳などに書いて保存し、拡張子を「.txt」から「.js」に変更します。

それをサーバにアップロードし、スクリプトタグ

<script language="JavaScript" src="http://～"></script>

を使って HTML に埋め込みます。
アップロードしたスクリプトの URI を src="http://～" の部分に入れてください。

スクリプトの作成方法は追記文章内で。

img=new Array(バナー数);
img[*]="<a href='' target='_blank'><img src='' alt='></a>";
imgNo=Math.floor(Math.random()*バナー数);
document.write(img[imgNo]);

バナー数のところに登録するバナーの数を入れます。(バナー数の文字を数字に置き換えます)
ここでの値が間違っていてもバナー自体は表示される場合がありますが、表示される確率がおかしくなります。

<a href='' target='_blank'><img src='' alt=''></a>

上記の部分にリンク先とバナーのURIを入れます。記述法は HTML と同じです。
ただし、HTMLタグに"(ダブルクォーテーション)ではなく'(シングルクォーテーション)を使うことに気をつけてください。(ダブルクォーテーションを使うと JavaScript タグの一部と判別され、スクリプトがうまく動作しません)
alt は 設定しなくても問題ありませんが、HTML 4.0 規格で必須とされているので入れた方がよいでしょう。
登録するバナー数を増やしたい場合は、

img[*]="<a href='' target='_blank'><img src='' alt=''></a>";

の数を増やします。
img[*]の*の部分には数字が入ります。
0から始まって、1行ごとに1ずつ数字を増やしていきます。
0から始まるため、1番最後の行の数字は登録するバナー数－1になるので気をつけてください。

例えば、私が使っている3つの広告バナーをランダム表示させるスクリプトは

img=new Array(3);
img[0]="<a href='http://www.gendama.jp/invitation.php?frid=1587109' target='_blank'><img src='http://www.gendama.jp/img/invitation_banner07.gif' alt='毎月2万人がおこづかいGET! | げん玉'></a>";
img[1]="<a href='http://dietnavi.com/?id=1434226' target='_blank'><img src='http://dietnavi.com/banner/120-60-3.gif' alt='ネットで小遣い稼ぎなら最強ポイントサイトGetMoney!'></a>";
img[2]="<a href='http://orange-park.jp/?ref=27761' target='_blank'><img src='http://image.space.rakuten.co.jp/lg01/59/0000670559/24/imgd9cba4e2zikezj.jpeg' alt='トラフィックエクスチェンジで誰でも簡単アクセスアップ　オレンジトラフィック'></a>";
imgNo=Math.floor(Math.random()*3);
document.write(img[imgNo]);

となります。