ok.
Con JAVASCRIPT è semplice.

Io farei in questa maniera:

salverei le 10 immagini con i seguenti nomi:

avatar1F.png
avatar2F.png
...
avatar5F.png
avatar1M.png
...
avatar2M.png

ovvero che le ultime due lettere prima del formato indichino il numero dell'immagine ed il sesso.
Setterei due variabili globali _gender e _pickedImg a memorizzare rispettivamente sesso e numero immagine.

A questo punto crei la funzione showAvatarImage() che tramite una funzione format da te creata faccia sostanzialmente questo:
codice:
document.getElementById("avatar").src=format("avatar{0}{1}.png",_pickedImg,_gender);
ovvero "ridisegni" l'immagine pescando quella con i valori delle variabili corrispondente.

Detto questo il gioco è fatto. Con due pulsanti (< e >) incrementi o decrementi tramite javascript la variabile _pickedImg e con showAvatarImage() la ricarichi. Stessa cosa per la combo box che al suo cambiare JAVASCRIPT catturera il suo valore (F o M) e ridisegnerà l'immagine (sempre con showAvatarImage).

Questa è a grandi linee l'idea. Potrei provare a buttarti giù anche un po' di codice ma devi darmi del tempo per capire quello che hai già fatto . Se vuoi basta chiedere