Oto kod:
$(document).ready(function() { //Tworzenie Kontrolek var html = "<ol id=\"controls\">"; $('#slider ul li').each(function(i) { }); html += "</ol>"; $('#slider').after(html); //Koniec tworzenia kontrolek //Ustawianie var width = $('#slider').width(); var slides = $('#slider li').length; $('#slider ul').css("width", "" + (width*slides) + ""); //Koniec ustawiania //Animowanie Slide'ow var cur = 1; var kontrolka = 1; var slider = setInterval(function() { if(cur < slides){ $('#slider ul').animate({left: "-" + (cur*width) + "px"},"linear"); cur+=1; kontrolka+=1; } if(cur == slides){ $('#slider ul').delay(3000).animate({left: "0px"},"linear"); cur=1; kontrolka=1; } //Kontrolki $('#controls li').removeClass("active"); $('#controls li:contains(' + kontrolka + ')').addClass("active"); //Koniec Kontrolek }, 3000); //Koniec Animowania Slidow //Klikanie Kontrolek $('#controls li').click(function() { var clicked = $(this).attr('id'); $('#slider ul').animate({left: "-" + ((clicked-1)*width) + "px"},500,"linear"); clearInterval(slider); }); //Koniec klikania Kontrolek });