JavaScriptで複数画像を切り替える方法

はじめまして。よろしくお願いいたします。
複数の画像を、画面クリックで次々に進めていき、途中で「戻る」「進む」などのボタンを画像下に貼りたいと思います。（例えばですが、０～１０Ｐまでとして、現在３Ｐ目だが、２Ｐに戻りたい…というイメージです）
画像ファイル名は「M」、拡張子はjpg、画像はimg0～img10としています。
↓この方法だと、画面クリックで次々進みますが、画像下のボタンは表示されるだけで動きません。
ボタンを動かすには、どうすればよいですか？どうぞよろしくお願いします。

<HTML> <HEAD> <TITLE></TITLE> <script language="JavaScript">  </script> </HEAD> <center>クリックで進めます</center><br> <BODY > <div align="center"> <a href="JavaScript:changeImage()">

行動規範の内容に同意します

回答1件

ベストアンサー

戻るための処理をbackImaget()としてこんな感じでしょうか。

javascript
1<script language="JavaScript">
2num = 11; // 入れ替える画像の枚数(0～10P)
3nme = "M/img" // 画像のファイル名
4exp = "jpg" // 画像の拡張子
5cnt = 0;
6function changeImage()
7{
8    cnt++;
9    cnt %= num;
10    document.img.src = nme + cnt + "." + exp;
11}
12function backImage()
13{
14    cnt--;
15    if (cnt < 0) {
16        cnt = 0;
17    }
18    cnt %= num;
19    document.img.src = nme + cnt + "." + exp;
20}
21</script>
22(略)
23<input type="button" value="戻る" onclick="backImage()"> 
24<input type="button" value="進む" onclick="changeImage()">