JavaScriptでランダムに画像を表示させ、5秒ぐらいで画像は自動

質問

JavaScriptでランダムに画像を表示させ、5秒ぐらいで画像は自動切換え、さらにその画像にリンク先urlの指定のやり方をわかる方いらっしゃいましたら教えてください。
JavaScriptでランダムに画像を表示、5秒ぐらいで自動切換えまでは過去質問でわかったのですが、その画像にリンクさせる方法をお願い致します。

JavaScriptでランダムに画像を表示、5秒ぐらいで自動切換えまでは
http://www.tagindex.com/kakolog/q4bbs/201/360.html

こちらの質問内記載のタグを参照させて頂きました。

これに個々の画像にリンクをつけたいのです。

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

回答No.1

JaneDue · ベストアンサー

カテゴリ違いですね。JavaScriptで質問されるともっと早かったと思いますよ。
画像だけでなく aタグが入りますので innerHTMLで 書き換えるとよいでしょう。

<script language="JavaScript">
<!--
function changeImg(){
var links = new Array();
links[0] = "<a href='AAA.html'><img src='AAA.gif'></a>";
links[1] = "<a href='BBB.html'><img src='BBB.gif'></a>";
links[2] = "<a href='CCC.html'><img src='CCC.gif'></a>";
links[3] = "<a href='DDD.html'><img src='DDD.gif'></a>";
links[4] = "<a href='EEE.html'><img src='EEE.gif'></a>";

//配列の番号をランダムに生成
var v = Math.round(Math.random()*(links.length-1));
//id='linksImgDivの中を書き換え
document.getElementById("linksImgDiv").innerHTML = links[v];
//1秒=1000ミリ秒後に再度実行
setTimeout("changeImg()",5000);
}
// -->
</script>
<div id='linksImgDiv'><a href='AAA.html'><img src='AAA.gif'></a></div>
<script>changeImg();</script>

お礼

ありがとうございます。

カテゴリもうまく、見つけられず投稿してしまいましたが、java scriptのカテゴリがあったのですね。
そんなミスをしてる中でも、親切にご回答いただけてはじめてこの場所を利用させて頂いたのですが、本当にこんなにも早く回答して頂けてうれしい限りです。

本当にありがとうございました。