ランダムにバナー画像を表示する


動作ブラウザ 【 IE:3.0  NN:2.0
Internet Explorer Netscape Navigator DreamPassport iCab
3.0x 4.0x 4.5 5.0x 5.5 2.0x 3.0x 4.0x 4.x 6.0 2 3 2.x
Windows - - -
Macintosh - - -
UNIX - - - - - - - -
Dreamcast - - - - - - - - - - -

ポイント n = Math.floor(Math.random()*jumpURL.length); document.write("<a href='"+jumpURL[n]+"'>"); document.write("<img src='"+imgURL[n]+"' border='0'>"); document.write("</a>");
説  明 アクセス毎にランダムにバナー画像を入れ替えるにはMath.random()でバナーの数だけ乱数値を求めdocument.write()でリンク先と画像を書き出します。HTMLのタグと乱数で得られた値を組み合わせ書き出すことでアクセス毎に異なるバナー画像を表示させることができます。
サンプル <html> <head> <title>ランダムにバナー画像を表示する</title> </head> <body> <script language="JavaScript"><!-- jumpURL = new Array(); imgURL = new Array(); jumpURL[0] = "http://www.shiojiri.ne.jp/~openspc/"; jumpURL[1] = "http://game.gr.jp/"; jumpURL[2] = "http://www.yahoo.co.jp/"; jumpURL[3] = "http://www.infoseek.co.jp/"; imgURL[0] = "banner/0.gif"; imgURL[1] = "banner/1.gif"; imgURL[2] = "banner/2.gif"; imgURL[3] = "banner/3.gif"; n = Math.floor(Math.random()*jumpURL.length); document.write("<a href='"+jumpURL[n]+"'>"); document.write("<img src='"+imgURL[n]+"' border='0'>"); document.write("</a>"); // --></script> </body> </html>
補足説明 なし

■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!

写真素材 PIXTA