数百の画像を、ランダムにダブらないで表示させるのはできたのですが
(画像名は整理しやすい0000.jpg~0100.jpgとしました)
<script type="text/javascript"><!--
x=Math.floor(Math.random()*100);
x=new String(x);
if (x.length==1){ x="000"+x;}
else if (x.length==2){ x="00"+x;}
else if (x.length==3){ x="0"+x;}
RndImg= new Image();
RndImg.src="images/image"+x+".jpg";
NoMem[n]=x;}
//↑これって同じ画像が重複しないように。の意味でいいんですか?
function ImgDisp(){
document.images["imgs0"].src=RndImg.src;
}
window.onload=ImgDisp;
//--></script>
<body>
<img src="*" name="imgs0">
</body>
一つ一つの画像にそれぞれリンクを貼りたいと思います。
どこに何を入れたらいいでしょうか?
それと
ランダムにする画像を3つくらい並べたいのですが
<img src="*" name="imgs0">
だと1つしかランダムにならずに、
あとの2つは画像が表示されません。
何を変えたらいいでしょうか?
よろしくお願いします。
No.1ベストアンサー
- 回答日時:
NoMem[n]=x;}
//↑これって同じ画像が重複しないように。の意味でいいんですか?
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
パクリ元にこの部分の定義があるはず。
「}」の片割れも吹っ飛んでいる。
この回答への補足
ありがとうございます~
参考元よく読みました。すみません。
//以下、乱数生成の関数
function RndmNo(n){
x=Math.floor(Math.random()*RndImg.length);
if (NoMem.length){
for (j=0; j<NoMem.length; j++){
if (NoMem[j]==x){ RndmNo();}
}
//上記ループで重複する番号がないかチェック。 重複していればこの関数を再起
}
NoMem[n]=x;//生成した乱数を配列に格納
}
for (k=0; k<3; k++){//「k<3」の3は画面上に表示する画像の枚数を指定
RndmNo(k);
}
function ImgDisp(){
document.images["imgs0"].src=RndImg[NoMem[0]].src;
document.images["imgs1"].src=RndImg[NoMem[1]].src;
document.images["imgs2"].src=RndImg[NoMem[2]].src;
}
ここのことですよね。
やってみます。
同時に3つのランダム画像表示はできました!
ありがとうございました。
お願いしてばかりで申し訳ないのですが
ひとつひとつのリンクはどうすればいいのでしょうか?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript アップロードファイルの種類によって処理を分岐させたいのですが書き方が分からずアドバイスお願いします 4 2023/06/17 19:12
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- PHP imageフォルダに、画像をリサイズして保存する時のファイル名を変更したい 1 2023/05/30 11:39
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Gifアニメ、最後のコマに行った...
-
重なった画像にクリックイベン...
-
lightbox2をiframeから外に表示...
-
画像の重なりの順序を代える方...
-
マウスオーバーとポップアップ...
-
JavaScriptでスライドショー
-
スワップイメージが上手く動作...
-
jQuery bxSlider 画像に変更
-
ページ読込中に表示が崩れるの...
-
画像クリックで別の場所の画像...
-
JavaScript スライドの画像にリ...
-
Javascript で共通の処理をどこ...
-
画像をフォルダから自動読み込み。
-
1枚の画像をクリックすると複数...
-
画面の表示位置を指定させて表...
-
MAX関数を使ってからLEFT JOIN...
-
MFCで画像を表示させているので...
-
JavaScriptで変更した属性の元...
-
クリックで色変更後に既に変更...
-
createElementが一瞬で消えてし...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Javascript で共通の処理をどこ...
-
Javascriptで指定した日付と時...
-
textareaに画像を表示したい
-
Gifアニメ、最後のコマに行った...
-
1枚の画像をクリックして複数の...
-
画像ランダム表示、しかしダブ...
-
スライダーを実装した場合、ペ...
-
1枚の画像をクリックすると複数...
-
HTMLで条件分岐はできますか?
-
JavaScript スライドの画像にリ...
-
オンマウスで、画像切り替え+...
-
画像の重なりの順序を代える方...
-
JavaScriptとチェックボックス...
-
透過pngの透明部分以外をクリッ...
-
画像をドラッグ&ドロップで移...
-
各フォルダから1枚ずつ画像をラ...
-
jQueryで特定のURLの時のみ表示
-
bxsliderにて読み込み後に内容...
-
prettyphotoの画像表示について
-
WEBページ立ち上げ時に1回のみ...
おすすめ情報