このようなタグを使って、画像リンクのランダム表示を作成しました。
((hard内))
<script type="text/javascript"><!--
//
var imglist = [
[ "画像1", "", "リンク先1" ] ,
[ "画像2", "", "リンク先2" ]
];
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);
}
// --></script>
((body内))
<script type="text/javascript"><!--
RandomImageLink();
// --></script>
こうしてランダムに表示できるようになったのですが、私は『ランダムに1つ表示』ではなく、『ランダムに4つ表示』にしたいのです。
…どうすればいいのでしょうか?
どなたか回答をお願いします。
No.1ベストアンサー
- 回答日時:
イメージリストには画像が2つしかないように見受けられますが
4つどうやって表示するのでしょうか?
仕様としては、
・4つ以下の画像のなかからランダムに表示(とうぜん重複あり)
・4つの画像をランダムに表示(重複なし)
・4つの画像をランダムに表示(重複あってもよい)
・4つ以上の画像の中から4つをランダムに表示(重複なし)
・4つ以上の画像の中から4つをランダムに表示(重複あってもよい)
などいろいろ考えられますが、仕様をちゃんと提示したほうがよいですね
この回答への補足
説明が足りなくて申し訳ありません…。
8つの画像とリンクの中から4つをランダムに表示(重複なし)にしたいのです。
hard内タグは
[ "画像1", "", "リンク先1" ] ,
を、ファイル名などを変えて増やしていけばいいかと思うのですが…。
すいません。
指摘されたところを含め、色々といじってみた所、お陰さまで無事思い通りのものを作ることが出来ました。
以下、完成したタグです。
((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>
これで重複なしのランダム画像リンクが出来るみたいです。
お騒がせして申し訳ありませんでした。
回答、本当にありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript GoogleChart 階層ごとのブロックの長さを個別に設定したい 1 2022/07/06 14:27
- JavaScript javascriptで変数を組み込みたい 2 2023/01/13 09:52
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
関連するカテゴリから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回のみ...
おすすめ情報