クリックするたびに画像を変える

初心者なんですが、下記のようなスクリプトを使っています。（これ自体はうまく動作しています。）
これはページ内に一つ画像をクリックするたびに別の画像を表示させていくのですが、
二つ並べてみようと試みたのですが、どうもうまくいきません。同じスクリプトの名前なり番号を付けるなりすればいいのでしょうか？
初心者の私に出来る限り判りやすく教えて頂けませんか？よろしくお願いします。

<SCRIPT Language="JavaScript">
<!--
if(navigator.appVersion.charAt(0) >=3) {
var changeImg= new Array();
changeImg[0] = new Image(); changeImg[0].src = "blank1.jpg";
changeImg[1] = new Image(); changeImg[1].src = "5.bmp";
changeImg[2] = new Image(); changeImg[2].src = "6.bmp";
changeImg[3] = new Image(); changeImg[3].src = "7.bmp";
changeImg[4] = new Image(); changeImg[4].src = "8.bmp";
var changeCount = 0;
function change() { if(changeCount < changeImg.length-1) {
changeCount++;
} else {
changeCount = 0; }
document.images["change_img"].src = changeImg[changeCount].src; }
}
//-->
</SCRIPT>

画像の部分には下記のような設定をしています。

<A HREF="javascript:change()"><IMG SRC="blank1.jpg" width="450" height="213" name="change_img" border="0">

ちなみに使用する画像は５枚か６枚で、共用してそれぞれ別の枠内に呼び出すことも可能でしょうか？
例えば１．jpgという画像を２枚並べたりという意味です。

No.1 ベストアンサー 回答者： noname#10926 回答日時： 2004/03/10 23:41

>同じスクリプトの名前なり番号を付けるなりすればいいのでしょうか？

いや、別のスクリプトや名前、番号でしょう。

<SCRIPT language="JavaScript">
<!--
if(navigator.appVersion.charAt(0) >=3) {
var changeImg= new Array();
changeImg[0] = new Image(); changeImg[0].src = "***0.gif";
changeImg[1] = new Image(); changeImg[1].src = "***1.gif";
changeImg[2] = new Image(); changeImg[2].src = "***2.gif";
changeImg[3] = new Image(); changeImg[3].src = "***3.gif";
changeImg[4] = new Image(); changeImg[4].src = "***4.gif";
var changeCount = 0;
function change() { if(changeCount < changeImg.length-1) {
changeCount++;
} else {
changeCount = 0; }
document.images["change_img"].src = changeImg[changeCount].src; }
}
if(navigator.appVersion.charAt(0) >=3) {
var changeImg2= new Array();
changeImg2[0] = new Image(); changeImg2[0].src = "*****0.gif";
changeImg2[1] = new Image(); changeImg2[1].src = "*****1.gif";
changeImg2[2] = new Image(); changeImg2[2].src = "*****2.gif";
changeImg2[3] = new Image(); changeImg2[3].src = "*****3.gif";
changeImg2[4] = new Image(); changeImg2[4].src = "*****4.gif";
var changeCount = 0;
function change2() { if(changeCount < changeImg2.length-1) {
changeCount++;
} else {
changeCount = 0; }
document.images["change_img2"].src = changeImg2[changeCount].src; }
}
//-->
</SCRIPT>

<A href="javascript:change()"><IMG src="***0.jpg" width="450" height="213" name="change_img" border="0"></A>
<A href="javascript:change2()"><IMG src="*****0.gif" width="450" height="213" name="change_img2" border="0"></A>

この回答へのお礼

早速教えていただきありがとうございます。試したところうまくいきました。どうもありがとうございました。

お礼日時：2004/03/11 00:14