animate metodu ile her li'yi 1 kere kaydırdığınızı ve her kaydırma da li'ler bitmiş mi diye kontrol ediyorsunuz. Eğer son li ye gelmiş isek başa sarıyoruz.
Aşağıda olayı koda döktüm benim sliderim ul li mantığı ile çalışıyor.
Her resim 1 li. Sliderin toplam boyutu 1 li uzunluk değeri çarpı toplam li sayisi.
Ve ben bu li'lerin 1 li uzunluğunda sola kaydırırsam bir sonraki resme geçmiş olacağım.
1 Kere sola kaydırma kodunu yazıp bir fonksiyona bağlıyorum daha sonra bunu setinterval ile tekrarlamasını istiyorum olay bu.
<script>
/* Otomatik Dönme */
$.Slider = function (){
if (liDeger < toplamLi -1){ // bir sonraki resime gitme ve son resim mi kontrolü
liDeger++;
yeniWidth = liWidth * liDeger;
$(".Slider ul").animate({marginLeft: "-" + yeniWidth + "px" }, 500 ); }
else { // son resim ise başa dön 0.5 saniyede
liDeger = 0 ;
$(".Slider ul").animate({marginLeft:"0"},500);
} }
var don = setInterval("$.Slider()",sure); // otomatik döndür
$("#Slider").hover(function (){ // mouse ile üzerine geldiğinde otomatik döndürmeyi iptal et
clearInterval(don);
},function(){ // mouse sliderın dışında ise otomatik döndürmeyi başlat
don = setInterval("$.Slider()",sure);
} )
}) ;
</script>