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>
お礼
サファリです。 最近macOS9.2から10に変えました。したら見れなくなりました。 ページ見てみないと本当わからないですよね?私も説明不足だし、詳しい事わからないし、すみません。 不動産屋で2~3件(それぞれ別の不動産屋)同じ形式で不動産情報だしているんですがやっぱり「画像をみたい」という部分をクリックして移動しようとするとjavascript:Popup_PhotoViewer("/users/不動産屋の名前/数字","jpg","1","1")とでてきます。他のサイトでは不具合なしです。