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>