|
 |
|
画像をランダムに表示する
 |
IE 3.0↑ |
 |
NN 2.0↑ |
| オススメ度： |
 |
|
設置難易度： |
 |
サンプルと機能
→ Sample 1：画像をランダムに表示する（画像にリンクを貼る場合）
→ Sample 2：画像をランダムに表示する
画像をランダムに表示します。
画像にリンクを貼ることで、ランダムバナーを作ることもできます。
サンプルスクリプト
緑の文字が変更箇所で、赤い文字が対応するスクリプトです。
"//"以下はコメントです。削除しても影響ありません。
必要な箇所をコピー＆貼り付けして編集してください。
→ Sample 1：画像をランダムに表示する（画像にリンクを貼る場合）
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY bgcolor="#ffffff">
<SCRIPT language="JavaScript">
<!--
// ランダムに画像を表示する
jmp = new Array();
img = new Array();
// ジャンプ先のアドレス(数字は画像と対応)
jmp[0] = "http://www.yahoo.co.jp/";
jmp[1] = "http://bb.yahoo.co.jp/";
jmp[2] = "http://www.yahoo.co.jp/";
jmp[3] = "http://auctions.yahoo.co.jp/";
jmp[4] = "http://aeu.jp/cs/";
// 画像のアドレス(数字はジャンプ先のアドレスと対応)
img[0] = "img/img0.jpg";
img[1] = "img/img1.jpg";
img[2] = "img/img2.jpg";
img[3] = "img/img3.jpg";
img[4] = "img/img4.jpg";
n = Math.floor(Math.random()*jmp.length);
document.write("<a href='"+jmp[n]+"'>");
document.write("<img src='"+img[n]+"' border='0'>");
document.write("</a>");
//-->
</SCRIPT>
</BODY>
</HTML> |
→ Sample 2：画像をランダムに表示する
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY bgcolor="#ffffff">
<SCRIPT language="JavaScript">
<!--
// ランダムに画像を表示する
img = new Array();
img[0] = "img/img0.jpg";
img[1] = "img/img1.jpg";
img[2] = "img/img2.jpg";
img[3] = "img/img3.jpg";
img[4] = "img/img4.jpg";
n = Math.floor(Math.random()*img.length);
document.write("<img src='"+img[n]+"' border='0'>");
//-->
</SCRIPT>
</BODY>
</HTML> |
解説・注意点など
ジャンプ先、画像は追加することができます。
その際は、jmp[5],jmp[6],jmp[7]...というように、数字を１ずつ増やしてください。
← JavaScriptに戻る
|
|
|
