WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:一定時間でランダムに画像を切り替える

0:[投稿] アド [2008/03/05 13:19 ] [環境:IE6,WINXP UNIX]

一定時間でランダムに画像を切り替え、それぞれに別のリンクを設定するJavascriptを作成したいのですが、現在

<html>
<head>
<title>画像を一定時間ごと入れ替える</title>
<script language="JavaScript">
<!--
num = 0; jumpURL = new Array(); jumpURL[0] = "http://www.shiojiri.ne.jp/~openspc/";
jumpURL[1] = "http://game.gr.jp/";
jumpURL[2] = "http://www.yahoo.co.jp/";
jumpURL[3] = "http://www.infoseek.co.jp/";

function changeImg()
{
num++; num %= 4; document.banner.src = num + ".gif";
setTimeout("changeImg()",5000);
}

function jump()
{
location.href = jumpURL[num];
}
// --></script>
</head>
<body onLoad="setTimeout('changeImg()',5000)">
<a href="javaScript:jump()">
<img src="0.gif" name="イメージ">
</a>
</body>
</html>


【画像はsetTimeout()やsetInterval()で一定時間ごとに入れ替えています。何枚目の画像を表示しているかどうかを変数に保存し、ジャンプ先のURLを、あらかじめ配列内に格納して、画像がクリックされたら「javaScript:jump()」により関数を呼び出します。関数内では現在表示されている画像の番号をキーにして配列内に格納してあるURLを参照しlocation.hrefに代入する。】

現在上記の記述にて切り替えることはできたのですが、
これでは切り替えの順序が常に一定になってしまいます。
順序をランダムにするには上記にどういった記述を加えれば
よいのかご指導いただきたく投稿しました。
よろしくお願い致します。


1:[回答] tk [2008/03/05 18:20 ]

変数numをインクリメントして4で剰余する代わりにMath.random()*4する。
サンプルを拾ってきたサイトを見れば分かりますよ。

回答(必須): 状態:

お名前(必須):

URL:




[戻る]