初心者です。よろしくお願い致します。複数ページ存在するうちの、各ページを更新するごとにランダムに変わる、重複しない5枚の画像を表示させたいと思います。今現在、サイト上に掲載されてあったJavaScriptのサンプルを自分なりに変更してテストしているのですが、「重複しない」というところで壁にぶち当たってしまっています。下記が現在のスクリプトです。  現在では、画像枚数が8枚ですが、4、50枚に増える予定です。また、スクリプトを書きやすくするために画像ファイルの名前をどのように変更してもかまわないと思っています。上記のスクリプトは5枚の画像が表示されることはされるのですが、更新してから表示するまでの待ち時間が長いのが気になるので、できれば、欲を言うならば、早く表示してくれるようなスクリプトをご伝授していただければと思います。よろしくお願い致します。

更新ごとに重複しない画像を5枚表示

解決済

質問者：noragoro
質問日時：2008/09/16 20:05
回答数：2件

初心者です。よろしくお願い致します。

複数ページ存在するうちの、各ページを更新するごとにランダムに変わる、重複しない5枚の画像を表示させたいと思います。

今現在、サイト上に掲載されてあったJavaScriptのサンプルを自分なりに変更してテストしているのですが、「重複しない」というところで壁にぶち当たってしまっています。
下記が現在のスクリプトです。

<body>
<script language="JavaScript"></script>
</body>

現在では、画像枚数が8枚ですが、4、50枚に増える予定です。
また、スクリプトを書きやすくするために画像ファイルの名前をどのように変更してもかまわないと思っています。
上記のスクリプトは5枚の画像が表示されることはされるのですが、更新してから表示するまでの待ち時間が長いのが気になるので、できれば、欲を言うならば、早く表示してくれるようなスクリプトをご伝授していただければと思います。

よろしくお願い致します。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： yambejp
回答日時：2008/09/16 21:14

シャッフルする部分と表示する部分をわけるとわかりやすい

<head>
<script>
jumpURL =[
{url:"アドレスA",alt:"A",img:"top_img01.jpg"}
,{url:"アドレスB",alt:"B",img:"top_img02.jpg"}
,{url:"アドレスC",alt:"C",img:"top_img03.jpg"}
,{url:"アドレスD",alt:"D",img:"top_img04.jpg"}
,{url:"アドレスE",alt:"E",img:"top_img05.jpg"}
,{url:"アドレスF",alt:"F",img:"top_img06.jpg"}
,{url:"アドレスG",alt:"G",img:"top_img07.jpg"}
,{url:"アドレスH",alt:"H",img:"top_img08.jpg"}
];
jumpURL.shuffle=shuffle;
jumpURL.shuffle();
function shuffle(){
var temp=0;
for(var i=0;i<this.length -1 ;i++){
var num=Math.floor(Math.random()*(this.length-i));
temp=this[i];
this[i]=this[num+i];
this[num+i]=temp;
}
}
</script>
</head>
<body>
<script>
for(var i=0;i<5;i++){
document.write("<a href='"+jumpURL[i].url+"'><img src='"+jumpURL[i].img+"' alt='"+jumpURL[i].alt+"' border='0'></a><br>");
}
</script>
</body>

- 0
- 件

通報する

この回答へのお礼

なるほど！for文でループさせればいいんですね！
わかりやすい回答をありがとうございました。
おかげで無事解決しました！

通報する

お礼日時：2008/09/17 20:08

No.2

回答者： _pipi_
回答日時：2008/09/16 21:38

<html>

<body>
<script>
var url =[
'http://www.0', 'http://www.1','http://www.2', 'http://www.3',
'http://www.4', 'http://www.5', 'http://www.6', 'http://www.7'
];
var imgfile =[
'img0.gif','img1.jpg','img2.jpg','img3.jpg',
'img4.jpg','img5.jpg','img6.jpg','img7.jpg'
];
var n=5;
var n2=imgfile.length;
for(var i=0,f=[],bf=[];i<n;i++) {
while(f[rd=Math.random()*n2|0]); f[rd]=1;
document.write('<img src="'+imgfile[rd]+'" alt="'+imgfile[rd]+'" onClick="location.href=\''+url[rd]+'\'"><br>');
}
</script>
</body></html>