Ciao,grazie per la spiegazione sei stato gentilissimo e chiarissimo!
Ho chiamato le immagini:

m1.png e f1.png con i numeri a salire per entrambe le lettere.

Questo è il form:
Codice PHP:
<form method="post" action="registrazione.php">
<table width="300px">
<tr><td width="50%">Nickname:</td><td width="50%"><input type="text" name="nick" id="nick"/></td></tr>
<tr><td width="50%">Password:</td><td width="50%"><input type="password" name="pass" id="pass" /></td></tr>
<tr><td width="50%">Email:</td><td width="50%"><input type="text" name="mail" id="mail" /></td></tr>
<tr><td width="50%">Sesso:</td>
<td width="50%"><select name="sesso"><option value="Maschio">Maschio</optio><option value="Femmina">Femmina</option></select></td></tr>
<tr><td colspan="2">Scegli il tuo avatar:</td></tr>
<tr><td><button name="indietro"><<</button></td><td>[img]immagini/avatar/1.png[/img]</img></td><td><button name="avanti">>></button></td></tr>
<tr><td width="50%">Server:</td>
<td width="50%"><select name="server"><option value="1">Server 1</option></select></td></tr>
<tr><td><input class="bottone" type="submit" name="registrati" value="Registrati" /></td></tr>
</table>
</form> 
Io scusa,ma so fare davvero poco con Javascript...se potresti scrivere un pò di codice,non importa in quanto tempo giusto per vedere un pò...
Grazie mille