zamiana obrazka na kolejny w pętli Opcje

[byker]

Witam wszystkich forumowiczów!
Chciałbym na stronie stworzyć galerię obrazków: widoczna jest jest pierwsza grafika, po kliknięciu w jej miejsce pojawia się następna.
Stworzyłem taki kod:

[HTML] pobierz, plaintext 
java script:
for(n=1; n<5; +n)
{
$('#r'+n).click(function(){
$(this).fadeOut('slow');
});
n=1++;
$('#r'+n).show();
};
 
html:
<div id="obrazki">
<div id="r1">
</div>
<div id="r2">
</div>
<div id="r3">
</div>
<div id="r4">
</div>
<div id="r5">
</div>
</div>
 
css:
#r1{position: absolute;}
#r2,#r3,r4,#r5{
position: absolute;
display: none}
[HTML] pobierz, plaintext 

Wszystko działa tylko jak dojdę do ostatniego obrazka, chcialbym aby pojawił się pierwszy (r1). Czy mógłbym prosić o pomoc jak to zrobić? Dodawałem do pętli while(n==6){n=1}, ale nie działa.
Pozdrawiam wszystkich.

Ten post edytował byker 23.01.2013, 12:46:36

[lukasz_os]

Po 1 while nie służy do sprawdzenia warunku.
Po 2 nie potrzebny for w JS.
Po 3 nie nadawaj divom z obrazkami oddzielnych id. ID nie do tego służy - poczytaj głębiej o css.
Po 4 skoro już używasz JQuery to zainteresuj się funkcjami jak children, eq, next, prev, first.