A 回答 (3件)
- 最新から表示
- 回答順に表示
No.3
- 回答日時:
試しに書いてみました。
ご質問で求められている動作は確保できていると思います。<html>
<head>
<title></title>
<script type="text/javascript"><!--
rndnum= new Array();
rndindx= new Array();
tmpimg = new Array();
rndimg = new Array();
tmpimg[0]="***0.gif";
tmpimg[1]="***1.gif";
tmpimg[2]="***2.gif";
tmpimg[3]="***3.gif";
tmpimg[4]="***4.gif";
tmpimg[5]="***5.gif";
tmpimg[6]="***6.gif";
tmpimg[7]="***7.gif";
tmpimg[8]="***8.gif";
tmpimg[9]="***9.gif";
/* 上記でバナーに使う画像のURLを指定 */
for (i=0; i<tmpimg.length; i++){
rndimg[i]=new Image();
rndimg[i].src= tmpimg[i];
rndnum[i]=i;
}
for (i=0; i<tmpimg.length; i++){
n=Math.floor(Math.random()*rndnum.length);
rndindx[i]=rndnum[n];
rndnum.splice(n,1);
}
function bannerset(){
for (j=0; j<rndimg.length; j++){
document.images["banner"+j].src=rndimg[rndindx[j]].src;
}
}
window.onload=bannerset;
//--></script>
</head>
<body>
<img src="***0.gif" name="banner0" alt="*"><br>
<img src="***1.gif" name="banner1" alt="*"><br>
<img src="***2.gif" name="banner2" alt="*"><br>
<img src="***3.gif" name="banner3" alt="*"><br>
<img src="***4.gif" name="banner4" alt="*"><br>
<img src="***5.gif" name="banner5" alt="*"><br>
<img src="***6.gif" name="banner6" alt="*"><br>
<img src="***7.gif" name="banner7" alt="*"><br>
<img src="***8.gif" name="banner8" alt="*"><br>
<img src="***9.gif" name="banner9" alt="*">
</body>
</html>
上記のソースでは、ページがロードされると「name="banner*"」という属性をもっているimg要素の画像をランダムに差し替えます。 ランダムに画像を取得させても、重複が出ないような工夫を施したつもりです。
img要素は、name="banner*"という属性をつける(banner*の番号は重複させないよう気をつけて下さい)ことさえ忘れなければ、自由に配置できます。
また、バナーの数が変わる場合は、それにあわせてscript要素内のバナーに使う画像のURLを指定している部分と、name="banner*"という属性を持つimg要素の数を増減することで対処できると思います。
こちらのようなソースではいかがでしょうか。
参考になれば幸いです。 見当違いでしたら、ごめんなさい。
No.2
- 回答日時:
直接の回答ではありませんが、Math.random()の使用例だけご紹介します。
<html lang="ja">
<head>
<meta http-equiv="Content-Script-Type" content="text/javascript">
<script type="text/javascript">
<!--
function makeRandomNumber() {
random = Math.floor(Math.random()*10+1);
alert("今回発生した乱数 = " + random);
}
// -->
</script>
<title></title>
</head>
<body>
<input type="button" onClick="makeRandomNumber()" value="乱数作成!">
</body>
</html>
どこまでわかっていて、どこからわからないのかをもう少し詳しく書いていただけたらご協力できるかもしれません。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS リンクバナーのHTMLタグ。画像を変えたり、設置位置を変えるとバナー貼付け側はどう見える? 2 2023/02/01 12:01
- その他(プログラミング・Web制作) ホームページビルダー16で画像を保存したら画像がトップページ上に沢山出てきてしまいます 1 2022/12/06 14:50
- gooポイント gooポイントをdポイントに交換できない。 3 2022/04/22 20:39
- Visual Basic(VBA) エクセルマクロでアニメを作る方法を教えてください。 1 2023/02/07 14:27
- AJAX 自作の地図をグーグルマップのようにしたい 3 2022/11/15 11:53
- HTML・CSS WEBサイト 画像の直接リンクについて 1 2022/11/16 10:41
- Access(アクセス) AccessVBAで降順にするテーブル作成クエリを使用して作成したテーブルを削除し同一のテーブル作成 1 2023/01/06 11:17
- その他(ソフトウェア) Figma 1 2023/06/23 14:22
- Excel(エクセル) エクセル、日々の集計整理方法。(再送です。) 5 2022/10/02 00:19
- Windows 10 フォルダ内の全ての画像を矢印キーでスライドできるようにしたい 1 2022/10/21 12:53
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
「戻る」「進む」ボタンで画像...
-
JSPでの画像ファイル表示
-
c++std::string型をTCHARに変換...
-
IE8でのjavascriptエラーについて
-
javascriptの sx, sy, sw, sh, ...
-
他のPGMを呼び込むロジックにつ...
-
画像をクリックしたら別ウイン...
-
JavaScriptのhistory.back(戻...
-
cvCopyができない
-
イメージをあらかじめ読み込む...
-
MAX関数を使ってからLEFT JOIN...
-
jspでcssが読み込めない
-
スクロール可能なチェックボックス
-
ダイアログから画像ファイルは...
-
javascriptテキストBOX色を元に...
-
removeAttribute()メソッドで削...
-
一定時間で画像とリンク先を変...
-
「jQuery」アコーディオンメニ...
-
jQuery の jqPlotプラグイン
-
表と裏がある1枚の画像を回転す...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
JSPでの画像ファイル表示
-
c++std::string型をTCHARに変換...
-
画面が真っ白になるのはどうして?
-
C言語のポインタ表現
-
クリックして変更した画像を他...
-
ランダムに画像を表示し、ポッ...
-
フォームに入力された値により...
-
日替わりで画像を変更したい
-
javascriptで複数の画像をラン...
-
htmlで、たくさんのgif画像を、...
-
「戻る」「進む」ボタンで画像...
-
Excel VBA マクロ 画像(...
-
JavaScriptのhistory.back(戻...
-
診断の作り方
-
小さい写真にマウス置くと拡大...
-
JavaScriptでボタンをクリック...
-
サムネイルをクリックして背景...
-
ロールオーバー効果にならない。
-
クリックした自身の画像を別画...
-
MinGWでfreetypeのmake時に
おすすめ情報