Stefan: Wie mache ich einen Controller :-)?

Beitrag lesen

Soweit noch Fragen?

Ja und zwar habe ich das jetzt gemacht, aber ich habe da ein kleines Problem:
Wenn ich auf plus bzw. minus gehe funktioniert das zwar und das bild wird ausgetauscht, aber leider das vollkommen falsche. Plus tauscht sogar was anderes aus als minus!
Hier mal der Code komplett:
<html>
  <head>
    <title>
      test
    </title>
<script type="text/javascript">
var b = new Array();
b[0] = new Image(); b[0].src = "sch0.gif";
b[1] = new Image(); b[1].src = "sch1.gif";
b[2] = new Image(); b[2].src = "sch2.gif";
b[3] = new Image(); b[3].src = "sch3.gif";
b[4] = new Image(); b[4].src = "sch4.gif";
b[5] = new Image(); b[5].src = "sch5.gif";
var i = 0;
function plus () {
if (i > 5)
i = 0;
document.images[0].src = b[i].src;
i = i + 1;
}
function minus () {
if (i < 0)
i = 5;
document.images[5].src = b[i].src;
i = i - 1;
}
</script>
  </head>
  <body background="main.gif">
    <center>
      <font size="7" color="#404040">
        Küche
      </font>
      <br>
      <font size="6" color="#404040">
        Temperatur:
      </font>
      <br>
      <table border=0 align=center>
        <tr>
          <td>
            <img src="minus2.gif" border=0 align=middle vspace=1>
          </td>
          <td>
            &nbsp; &nbsp; &nbsp
          </td>
          <td>
            <font size="6" color="#404040">
              23&deg;C
            </font>
          </td>
          <td>
            &nbsp; &nbsp; &nbsp
          </td>
          <td>
            <img src="plus.gif" border=0 align=middle vspace=1>
          </td>
      </table>
      <br>
      <div>
        <font size="6" color="#404040">
          Licht:
        </font>
        <br>
        <table border=0 align=center>
          <tr>
            <td>
              <a href="javascript:minus()">
                <img src="minus2.gif" border=0 align=middle vspace=1></a>
            </td>
            <td>
              &nbsp; &nbsp; &nbsp
            </td>
            <td>
              <img src="sch0.gif" border=0 align=middle>
            </td>
            <td>
              <a href="javascript:plus()">
                <img src="plus.gif" border=0 align=middle vspace=1></a>
            </td>
        </table>
      </div>
      <br>
      <div>
        <font size="6" color="#404040">
          Jalosien:
        </font>
        <table border=0 align=center>
          <tr>
            <td>
              <img src="runter.gif" border=0 align=middle vspace=1>
            </td>
            <td>
              &nbsp; &nbsp; &nbsp
            </td>
            <td>
              <font size="6" color="#404040">
                unten
              </font>
            </td>
            <td>
              &nbsp; &nbsp; &nbsp
            </td>
            <td>
              <img src="rauf.gif" border=0 align=middle vspace=1>
            </td>
        </table>
      </div>
    </center>
  </body>
</html>