Bei diesem Beispiel kommen wir ohne Funktion aus. Um die Grafik zu ändern verwenden wir diesmal einen Formularbutton. Geben Sie folgende Anweisung an einer beliebigen Stelle Ihres HTML-Dokuments ein:

<IMG SRC="misc/t0.gif" WIDTH=50 HEIGHT=50>
<FORM>
<INPUT TYPE="button" VALUE= " rot " 
onClick="document.images[0].src='misc/t1.gif'">
<INPUT TYPE="button" VALUE="grün" 
onClick="document.images[0].src='misc/t2.gif'">
<INPUT TYPE="button" VALUE="orange" 
onClick="document.images[0].src='misc/t3.gif'">
<INPUT TYPE="button" VALUE="blau" 
onClick="document.images[0].src='misc/t0.gif'">
</FORM>

Mit der Anweisung onClick... wird die Animation ausgeführt. In der Klammer wird die zu ändernde Grafik angegeben. In unserem Beispiel verwenden wird die 0, da diese Grafik die erste auf dieser Seite ist (0 = 1 und würde für das erste Bild verwendet werden). Bedenken Sie auch hier, daß Sie unbedingt die Angaben zu Width und Height machen. Ansonsten kann Ihr Browser abstürzen, bzw. die Animation funtioniert nicht.