[JS] Probel ze skryptem "galerii"

[octonapewno]

napisałem sobie taki prosty skrypt, który za zadnie ma służyć jako galeria, skrypt wygląda nastepująco:

var i = 1;
function nextImage(w, numb){
    if ( w > numb){
        w = numb;
    } else {
        w = i++;
    }
    document.getElementById('gallery').innerHTML = "<img src=\"images/" + w + ".jpg\" id=\"photo\" />";
    
    return w;
};


function prevImage(w){    
    if ( w < 1 ){
        w = 1;
    } else {
        w = i--;
    }
    document.getElementById('gallery').innerHTML = "<img src=\"images/" + w + ".jpg\" id=\"photo\" />";    
    
    return w;
};

<img src="image/leftArrow.png" alt="Prev Photo" title="Prev Photo" onClick="prevImage(i)"/>
<p id="gallery"><img src="images/1.jpg" id="photo"/></p>
<img src="image/rightArrow.png" alt="Next Photo" title="Next Photo" onClick="nextImage(i, 4)"/>

i on prawie działa tak jakbym chciał, tzn. gdy klikam raz na "NextPhoto" to obrazek "photo" znika, gdy klikam drugi, trzeci, enty raz wszystko jest ok, ale znowu gdy kliknę raz "PrevPhoto" to obrazek skacze o jeden do góry, ale następnie gdy kliknę drugi, trzeci enty raz wszystko działa jak należy. Mógłby ktoś poprawić ten kod i wyjaśnić mój błąd? Chce podkreślić, że to są moje początki z JS.

Może aby lepiej zobrazować mój problem przedstawię go w ten sposób:
na początku jest cyferka 1, klikam next, cyferka się nie zmienia, klikam drugi raz, cyferka jest równa 2, klikam znowu cyferka równa się 3 itd. aż np dochodzi do 9, więc klikam prev cyferka rośnie do 10, klika znowu, cyferka jest równa 9, klikam znowu jest równa 8 no itd.

Mam nadzieję że to coś pomogło

 

[Vandervir]

Po pierwsze polecam zainstalować w przeglądarce ff firebuga ( lub w chromie jest wbudowany już). za pomocą tego pluginu możesz w prosty sposób sprawdzać poprawność skryptów.

Po drugi do tego co chcesz robić polecam JQuery
http://jquery.com/

Jakbyś miał jakiś problem z JQuery to pisz.

 

[octonapewno]

zainstalowałem tego firebuga, ale nie wiem za bardzo jak on może mi pomóc, jakieś wskazówki?

 

[Vandervir]

otworz okienko w FB biedziesz miał tam zakładkę skrypt/java będziesz mógł wybrać sobie skrypty w javie jakie są dostępne na danej stronie. następnie poustawiaj brejki. przeładuje stronę i przemieszczaj się pomiędzy poszczególnymi breakpointami. podglądaj zmienne czy wynik jest taki jaki ma być