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

[fizzlebubble]

Proszę: http://jsbin.com/ewihep/1/edit

Ogólnie na divach się tego nie robi, tylko na ul > li (IMG:style_emoticons/default/smile.gif) .

Ten post edytował fizzlebubble 23.01.2013, 14:19:09