Scorrere immagini

[damy11]

Ciao.
Ti posto le pagine che ho adesso.

main.js

var _gender = 'm';
var _pickedImg = 1;

function selectAvatarGender(gender)
{
_gender = gender;
showAvatarImage();
}

//seleziona immagine (valori: dir=1 successiva, dir=-1, precedente);
function scrollAvatarImage( dir )
{
_pickedImg += dir;
if(_pickedImg > 5) _pickedImg = 1;
if(_pickedImg < 1) _pickedImg = 5;
showAvatarImage();
}

//ridisegna avatar
function showAvatarImage()
{
document.getElementById("avatar").src=format("immagini/avatar/{0}{1}.png", _gender, _pickedImg);
}

//restituisce una stringa formattata
function format( str ) //par1, par2, ... parN 
{
if ( arguments.length <= 1 ) return str; //se non ci sono parametri restituisce la stringa

for( var token = 0; token <= (arguments.length - 2); token++ )
str = str.replace( new RegExp( "\\{" + token + "\\}", "gi" ),arguments[ token + 1 ] ); //sostiuisce i token con i parametri

return str;
} 

index.php

<table>
<tr><td width="50%">Sesso:</td>
<td width="50%"><select name="sesso" onchange="selectAvatarGender(this[this.selectedIndex].value);"> 
  <option value="m">Maschio</option> 
  <option value="f">Femmina</option> 
</select></td></tr>
<tr><td colspan="2">Scegli il tuo avatar:</td></tr>
<tr><td><button name="indietro" a href="#" onclick="scrollAvatarImage(-1);"><<</button></td><td>[img]immagini/m1.png[/img]</td><td><button name="avanti" a href="#" onclick="scrollAvatarImage(1);">>></button></td></tr>
</table> 

Le immagini si trovano in "avatar" che è contenuta in "immagini" e si chiamano m1.png,m2.png,f1.png,ecc..

Grazie ancora per la pazienza