- ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:画像リンクをランダムに4つ表示する)
【JavaScript】画像リンクをランダムに4つ表示する方法
このQ&Aのポイント
- この記事ではJavaScriptを使用して画像リンクをランダムに4つ表示する方法について解説します。
- 質問者は既に画像リンクをランダムに1つ表示する方法を実装していますが、4つ表示する方法を知りたいとのことです。
- JavaScriptの関数を使ってランダムな数だけ画像リンクを生成し、それをHTMLに表示することで目的を達成することができます。
- みんなの回答 (1)
- 専門家の回答
質問者が選んだベストアンサー
イメージリストには画像が2つしかないように見受けられますが 4つどうやって表示するのでしょうか? 仕様としては、 ・4つ以下の画像のなかからランダムに表示(とうぜん重複あり) ・4つの画像をランダムに表示(重複なし) ・4つの画像をランダムに表示(重複あってもよい) ・4つ以上の画像の中から4つをランダムに表示(重複なし) ・4つ以上の画像の中から4つをランダムに表示(重複あってもよい) などいろいろ考えられますが、仕様をちゃんと提示したほうがよいですね
お礼
すいません。 指摘されたところを含め、色々といじってみた所、お陰さまで無事思い通りのものを作ることが出来ました。 以下、完成したタグです。 ((hard内)) <script type="text/javascript"><!-- // var imglist = [ [ "画像1", "", "リンク先1" ] , [ "画像2", "", "リンク先2" ] ]; var imglist2 = [ [ "画像3", "", "リンク先3" ] , [ "画像4", "", "リンク先4" ] ]; function RandomImageLink() { // var selectnum = Math.floor(Math.random() * imglist.length); // var output = '<a href="' + imglist[selectnum][2] + '">' + '<img src="' + imglist[selectnum][0] + '"' + ' alt="' + imglist[selectnum][1] + '"><br>' + imglist[selectnum][1] + '</a>'; // document.write(output); } function RandomImageLink2() { // var selectnum = Math.floor(Math.random() * imglist.length); // var output = '<a href="' + imglist2[selectnum][2] + '">' + '<img src="' + imglist2[selectnum][0] + '"' + ' alt="' + imglist2[selectnum][1] + '"><br>' + imglist2[selectnum][1] + '</a>'; // document.write(output); } // --></script> ((body内)) <script type="text/javascript"><!-- RandomImageLink(); // --> <!-- RandomImageLink2(); // --></script> これで重複なしのランダム画像リンクが出来るみたいです。 お騒がせして申し訳ありませんでした。 回答、本当にありがとうございました。
補足
説明が足りなくて申し訳ありません…。 8つの画像とリンクの中から4つをランダムに表示(重複なし)にしたいのです。 hard内タグは [ "画像1", "", "リンク先1" ] , を、ファイル名などを変えて増やしていけばいいかと思うのですが…。