javascriptで画像をランダム表示させたい
javascriptで画像をランダム表示させたいと思い、下記ソースを記述しました。
下記ソースでは、画像をランダムに1枚ずつ表示するようになっています。
今回、1枚ずつではなく、50枚ある画像を10枚ずつランダムに表示させたいと思っています。下記ソースから修整するにはどのような考え方になるのか教えていただけませんか?
単純に、
"img/1.jpg",
の部分を
"img/1.jpg,img/2.jpg,img/3.jpg,img/4.jpg,img/5.jpg",
としてみたのですが違うみたいですし、、。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>20110720test</title>
</head>
<body>
<script language="JavaScript"><!--
myImageCnt = 5;
myImage = new Array(
"img/1.jpg",
"img/2.jpg",
"img/3.jpg",
"img/4.jpg",
"img/5.jpg"
)
myRnd = Math.floor(Math.random()*myImageCnt);
document.write("<img src='",myImage[myRnd],"' border='0' >");
// --></script>
</body>
</html>
補足
説明不足過ぎましたね…言われてみて、ほんと気づきました…全然わかってない奴で申し訳ないです 問題番号はファイルに保存しようと考えています。 保存は逐次です。 わかりやすいように、このシステムの用例を書きます。問題を出す側が先生、問題を解く側が生徒。 先生は事前に問題番号と問題文章をテキストファイルに用意しておきます。 生徒がプログラムを実行すると、問題文章がランダムに表示され、問題に取り掛かれます。 違う生徒も同様にランダムに問題を受け取り問題を解きます。 この時、問題番号まで表示されると、「3番の答えはナニナニ」と簡単に教えあわれるので、それを防ぐために、問題番号は表示しません。 しかし、先生側は誰にどの問題が表示されたか知る必要があるので、問題番号を別のファイルに保存されなくてはいけません。 こういうことが可能になるようにシステムを考えているんです。 ややこしいものですが、参考になるようなソースがあればありがたいです。