Witam,
Chcę zrobić bardzo prosty slider z wykorzystaniem jquery. Zrobiłem coś takiego

[HTML] pobierz, plaintext 
<button id="prev" href="">prev</button> <button id="next" href="">next</button><br>
<img class="zdj" src="1.jpg"><img class="zdj" src="2.gif">
<script>
$('#prev').click(function() {
	$('img.zdj').animate({"left": "+=100px"}, "slow");
});
$('#next').click(function() {
	$('img.zdj').animate({"left": "-=100px"}, "slow");
});
</script>
[HTML] pobierz, plaintext 

Powyższy kod działa po kliknięciu w odpowiednie przyciski ale, problem polega na tym że nie wiem co zrobić żeby zdjęcia przesuwały się automatycznie przez cały czas. Z góry dziękuję za pomoc

Jest taka funkcja w java script: setTimeout

Akurat w tym przypadku setInterval - https://developer.mozilla.org/pl/DOM/window.setInterval

Można użyć setInterval, można też setTimeout...

[JAVASCRIPT] pobierz, plaintext 
function sliderStep(){
    // bla bla
    setTimeout('sliderStep()',1000);
}
setTimeout('sliderStep()',1000);
[JAVASCRIPT] pobierz, plaintext 

Przy setTimeout jest jeden plus, wiemy, że jedna iteracja nie będzie zachodziła na drugą. Ma to znaczenie przy animacjach, w których nie do końca wiadomo ile czasu zajmie ich wykonanie.

dzięki wszystko działa ładnie. Tylko teraz mam kolejny problem aby po 5 takich ruchach animacja wracała do pierwszej pozycji. Jakiej funkcji użyć aby coś takiego zrobić ?

If
Zrób sobie licznik iteracji, nawet globalną zmienną, w pętli zwiększaj, no i oczywiście na początku sprawdzaj jej wartość. Jeśli osiągnie pułap, to resetuj wszystko do stanu początkowego.

a czy mógłbyś podać jakiś podobny kod. Bo w życiu czegoś takiego nie widziałem i nawet nie wiem od czego zacząć.

To na prawdę takie trudne?

[JAVASCRIPT] pobierz, plaintext 
var i=0;
function sliderStep(){
    if ( i < 5 ){
        // bla bla, działanie slider'a
        i++;
    }else{
        i=0;
        // reset slider'a do pozycji startowej
    }
    setTimeout('sliderStep()',1000);
}
setTimeout('sliderStep()',1000);
[JAVASCRIPT] pobierz, plaintext