画像の入れ替えについて質問です。

質問

画像の入れ替えについて質問です。

http://folomy.jp/fhpg/utility/script/s0056.htm

次へ進むことはできるけど、前の画像にもどるにはどうすればいいですか？

回答No.1

chochobizo · ベストアンサー

var n = 0;
var m = 3; // 画像の数
var img = new Array(3);
img[0]=new Image(); img[0].src="byrgald3.jpg";
img[1]=new Image(); img[1].src="b_yhake3.jpg";
img[2]=new Image(); img[2].src="b_ygald4.jpg";

＜この下に追加１行＞
var x = img.length-1 ;

～～省略

＜以下を追加＞
function chgimg2() {
if( x == 0 ) x = img.length-1; else x--;
document.topimg.src= img[x].src;
document.topimg.width = img[x].width;
document.topimg.height = img[x].height;
if (document.all) {
el=document.all('topimg');
el.style.visibility = "hidden";
setTimeout("trans()",100);
}
}

＜HTMLにもボタンを追加＞
<input name="button" type="button" onClick="chgimg2()" value="変更2">

動作確認してませんが、こんな感じでしょうかね。