人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

Javascript、もしくはJqueryで、「画像がいくつかあるうち、その中の4個をランダムで抽出して表示」、というようなスクリプトを簡潔に表記する方法を教えてください。
http://javascript.eweb-design.com/0804_ri.html
こちらのサイトのサンプル2を参考にしようと思ったのですが、どうすればよいか見当が付きませんでした。
サンプルはこうなっています。
→ Sample 2:画像をランダムに表示する
<SCRIPT language="JavaScript">
<!--
// ランダムに画像を表示する
img = new Array();
img[0] = "img/img0.jpg";
img[1] = "img/img1.jpg";
img[2] = "img/img2.jpg";
img[3] = "img/img3.jpg";
img[4] = "img/img4.jpg";
n = Math.floor(Math.random()*img.length);
document.write("<img src='"+img[n]+"' border='0'>");
//-->
</SCRIPT>


●質問者: 匿名質問者
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● 匿名回答1号
ベストアンサー

順番はシャッフルしないですが。

img = new Array();
img[0] = "img/img0.jpg";
img[1] = "img/img1.jpg";
img[2] = "img/img2.jpg";
img[3] = "img/img3.jpg";
img[4] = "img/img4.jpg";
while(img.length>4){
 n = Math.floor(Math.random()*img.length);
 img.splice(n,1);
}
for (var i=0; i<img.length; i++){
 document.write("<img src='"+img[i]+"' border='0'>");
}

匿名質問者さんのコメント
なるほど、spliceというのを使って繰り返し切り出していくんですね。 望み通りの動作を確認しました。ありがとうございました。
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ