一定時間で入れ替わるバナー画像（リンク）を複数個並べたい
現在、バナー画像と対応するリンクの
一定時間での入れ替えは出来るようになりました。
※現在のソースを質問の最後に記述してあります。
このような動きをするバナー画像を、縦に複数個並べたいと思い、
いろいろと試してみましたが、うまくいかず大変苦戦しております。
◆処理イメージ◆
スペース1：バナー1～バナー3を入れ替え
スペース2：バナー4～バナー6を入れ替え
スペース3：バナー7～バナー9を入れ替え
JavaScriptにお詳しい方、実現方法をお教え頂けないでしょうか？
何卒よろしくお願いいたします。
◆現在のソース◆
<head>
<title>インターネット上にあるバナー画像を一定時間ごと入れ替える</title>
<script language="JavaScript"><!--
num = 3;
jumpURL = new Array();
imgURL = new Array();
jumpURL[0] = "http://aaa";
jumpURL[1] = "http://bbb";
jumpURL[2] = "http://ccc";
imgURL[0] = "http://XXX/0.gif";
imgURL[1] = "http://XXX/1.gif";
imgURL[2] = "http://XXX/2.gif";
function changeImg()
{
num++;
num %= 3;
document.banner.src = imgURL[num];
setTimeout("changeImg()",10000);
}
function jump()
{
window.open(jumpURL[num]);
}
// --></script>
</head>
<body onLoad="setTimeout('changeImg()',5000)">
<a href="javaScript:jump()">
<img src="http://XXX/0.gif" name="banner">
</a>
</body>
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/spn/images/related_qa/c205_2_thumbnail_img_sm.png)
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/spn/images/related_qa/c205_3_thumbnail_img_sm.png)
お礼
早速のご回答誠にありがとうございます。大変平易でわかりやすい解説のあるページをご紹介いただき、感謝いたします。一通り読んでみましたらなんとかできそうです。本当にありがとうございました。