キャプション付きの複数画像を複数ランダムに表示
タイトルの通りなのですが、キャプションなしは検索して分かったのですが、キャプション付きだと分かりません。どなたかお教えください。
参考にしたプログラムは、以下の通りです。
<HTML>
<HEAD>
<TITLE></TITLE>
<script language="javascript">
<!--//
var arrImage = new Array(
"img/img0.jpg",
"img/img1.jpg",
"img/img2.jpg",
"img/img3.jpg",
"img/img4.jpg");
var arrLink = new Array(
"01.html",
"02.html",
"03.html",
"04.html",
"05.html");
var arrFlag = new Array(999,999,999);
function Show(){
document.imgNumber1.src = arrImage[StartRandom(0)];
document.links[0].href = arrLink[nTemp];
document.imgNumber2.src = arrImage[StartRandom(1)];
document.links[1].href = arrLink[nTemp];
document.imgNumber3.src = arrImage[StartRandom(2)];
document.links[2].href = arrLink[nTemp];
}
var nTemp, nLoop;
function StartRandom(nIndex){
nLoop = 0;
nTemp = Math.round(Math.random()*(arrImage.length-1));
if (nIndex != 0){
for (nLoop = 0; nLoop < nIndex ; nLoop++){
if (nTemp == arrFlag[nLoop]){
StartRandom(nIndex);
}
}
}
arrFlag[nIndex] = nTemp;
return nTemp;
}
//-->
</script>
</HEAD>
<BODY onLoad="Show()">
<a href="01.html"><IMG name="imgNumber1" src="img/img1.jpg" width="170"
height="170" border="0"></a>
<a href="02.html"><IMG name="imgNumber2" src="img/img2.jpg" width="170"
height="170" border="0"></a>
<a href="03.html"><IMG name="imgNumber3" src="img/img3.jpg" width="170"
height="170" border="0"></a>
</BODY>
</HTML>
<BODY>から</BODY>のプログラムでなぜ表示できるかもよくわかっていません。（これについてはおいおい学ぶとして、できればとっかかりのヒントをお願いします）
あと、スクリプトが利かない場合の表示は、<NOSCRIPT>～</NOSCRIPT>で間に変わりのものを書けばいいのでしょうか。
すいませんが、よろしくお願いします。
