A 回答 (3件)
- 最新から表示
- 回答順に表示
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>
どこまでわかっていて、どこからわからないのかをもう少し詳しく書いていただけたらご協力できるかもしれません。
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要素の数を増減することで対処できると思います。
こちらのようなソースではいかがでしょうか。
参考になれば幸いです。 見当違いでしたら、ごめんなさい。
お探しの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ランキング
-
c++std::string型をTCHARに変換...
-
ロールオーバー効果にならない。
-
画面が真っ白になるのはどうして?
-
「戻る」「進む」ボタンで画像...
-
日替わりで画像を変更したい
-
ランダムに画像を表示し、ポッ...
-
画像を変えるスクリプト
-
NNでロールオーバーしたgifアニ...
-
JSPでの画像ファイル表示
-
どこに画像ファイルを入れるの...
-
HPビルダー12 Javascriptのロ...
-
MAX関数を使ってからLEFT JOIN...
-
htmlの記述で link rel=styles...
-
JQueryで画像の上で文字を動かす
-
jspでcssが読み込めない
-
スライダーを実装した場合、ペ...
-
離れた場所にマウスオーバーで...
-
フォントサイズの変更
-
変数内容をHTML内で表示する方法
-
javascriptでURLにマウスオーバー
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
c++std::string型をTCHARに変換...
-
JSPでの画像ファイル表示
-
画面が真っ白になるのはどうして?
-
Javascriptで画像を水面のよう...
-
フォームに入力された値により...
-
クリックして変更した画像を他...
-
日替わりで画像を変更したい
-
クリックするたびに画像を変える
-
C言語のポインタ表現
-
ランダム表示の画像位置
-
【初心者】UWSCでjavascriptで...
-
WSHでクリップボードにイメージ...
-
javascriptで複数の画像をラン...
-
教えて下さい。ランダムにバナ...
-
1つの画像クリックで切替の方法
-
onとoffを画像でチェンジ、チェ...
-
Excel VBA マクロ 画像(...
-
クリックした自身の画像を別画...
-
「戻る」「進む」ボタンで画像...
-
サーバ側で時間を判断して自動...
おすすめ情報