このようなタグを使って、画像リンクのランダム表示を作成しました。
((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で質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
jQueryスライドショー画像への...
-
画像のランダム表示が遅い?
-
複数の画像を先に読み込ませ表...
-
画像の入れ替え
-
textareaに画像を表示したい
-
Nivo Sliderのエフェクトについて
-
Photoswipeのアニメーションの変更
-
MAX関数を使ってからLEFT JOIN...
-
【jQuery】2分割レイアウトで、...
-
jQueryで電卓を作っているのですが
-
javascriptを使って画像を切り...
-
c++std::string型をTCHARに変換...
-
JQueryタブのアクティブ アン...
-
jquery ドロップダウンメニュー...
-
外部javascriptの重複を防ぐには
-
クリックすると下に説明文が出...
-
フラッシュの様に
-
マウスオーバーで他の2個の画像...
-
Vb.net2005での画像の合成方法
-
onとoffを画像でチェンジ、チェ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
textareaに画像を表示したい
-
Gifアニメ、最後のコマに行った...
-
JavaScript スライドの画像にリ...
-
bxsliderにて読み込み後に内容...
-
透過pngの透明部分以外をクリッ...
-
JavaScriptとチェックボックス...
-
クリッカブルマップの一部分だ...
-
innerHTMLで、表示すると、一部...
-
Javascriptで指定した日付と時...
-
画像をフォルダに入れれば表示...
-
1枚の画像をクリックすると複数...
-
WEBページ立ち上げ時に1回のみ...
-
image.onload = .. の後に imag...
-
美人時計風JAVAスクリプトが上...
-
曜日と時間を指定して表示画像...
-
決まった曜日で一定時間だけ表...
-
画面の表示位置を指定させて表...
-
jQuery FlexSliderのカルーセ...
-
特定の画像を非表示にする方法
-
iframe内のリンク文字のマウス...
おすすめ情報