[JavaScript]Skrypt nie dodaje klasy active do ostatniej kontrolki, tylko ja omija i dodaje do 1 Opcje

[Raven1122]

Witam, poradzilem se juz z tym sliderem, tylko ostatni problem ktory wyszedl to z kontrolkami jest. na 5 slideow 4 ida dobrze a na 5 kontrolka nie wchodzi tylko pokazuje sie active na 1 elemencie a obraz jest z piatego a potem wszystko sie juz miesza. Czy ktos moze pomoc?

Oto kod:

[HTML] pobierz, plaintext 
	$(document).ready(function() {
 
		//Tworzenie Kontrolek
		var html = "<ol id=\"controls\">";
		$('#slider ul li').each(function(i) {
			html += "<a href=\"java script:void(0);\"><li id=\"" + (i+1) + "\">" + (i+1) + "</li></a>";
		});
		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
 
 
	});
 
[HTML] pobierz, plaintext 

Ten post edytował Raven1122 15.11.2012, 19:18:37