Apuva tarvittas!

edellisessä koodissa pitäisi tietysti tarkistaa että muuttuja kuvaindeksi ei mene pienemmäksi kuin yksi tai suuremmaksi kuin kuvien lukumäärä (esim 23 kpl):

var kuvaindeksi = 1;
var maxkuvaindeksi = 23;

function eteenpain(){
if(kuvaindeksi < maxkuvaindeksi){
kuvaindeksi = kuvaindeksi 1;
Document.GetElementByID("kuvaalue").src= "kuva" kuvaindeksi ".jpg";
}
}

function taaksepain(){
if(kuvaindeksi >2){
kuvaindeksi = kuvaindeksi-1;
Document.GetElementByID("kuvaalue").src= "kuva" kuvaindeksi ".jpg";
}
}

Lisäksi haluat ehkä mukaan laskurin joka näyttää mikä kuva on menossa (tyyliin 4/23, 5/23 jne).

Tee tavallinen tekstikenttä
1/23
haluamasi kohtaan omilla tyylimäärittelyilläsi. Sitten lisäät edellämainittuihin funktioihin viimeisenä koodirivinä
Document.GetElementbyID("laskuri").innerHTML=kuvaindeksi "/" maxkuvaindeksi;

Jos haluat että toinen eteen/taakse painikkeesta häipyy kun tullaan äärirajoille, se tehdään näin:

Anna myös niille ID jotta niitä pystyisi tunnistamaan (esim id="eteen" ja id="taakse"). Sitten lisäät taas funktioihin viimeiseksi riviksi:

if(kuvaindeksi

aika vaikeeks meni...