Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript]Skrypt nie dodaje klasy active do ostatniej kontrolki, tylko ja omija i dodaje do 1
Forum PHP.pl > Forum > Przedszkole
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:

  1. $(document).ready(function() {
  2.  
  3. //Tworzenie Kontrolek
  4. var html = "<ol id=\"controls\">";
  5. $('#slider ul li').each(function(i) {
  6. html += "<a href=\"java script:void(0);\"><li id=\"" + (i+1) + "\">" + (i+1) + "</li></a>";
  7. });
  8. html += "</ol>";
  9. $('#slider').after(html);
  10. //Koniec tworzenia kontrolek
  11.  
  12. //Ustawianie
  13. var width = $('#slider').width();
  14. var slides = $('#slider li').length;
  15. $('#slider ul').css("width", "" + (width*slides) + "");
  16. //Koniec ustawiania
  17.  
  18. //Animowanie Slide'ow
  19. var cur = 1;
  20. var kontrolka = 1;
  21. var slider = setInterval(function() {
  22. if(cur < slides){
  23. $('#slider ul').animate({left: "-" + (cur*width) + "px"},"linear");
  24. cur+=1;
  25. kontrolka+=1;
  26. }
  27. if(cur == slides){
  28. $('#slider ul').delay(3000).animate({left: "0px"},"linear");
  29. cur=1;
  30. kontrolka=1;
  31. }
  32.  
  33. //Kontrolki
  34. $('#controls li').removeClass("active");
  35. $('#controls li:contains(' + kontrolka + ')').addClass("active");
  36. //Koniec Kontrolek
  37. }, 3000);
  38. //Koniec Animowania Slidow
  39.  
  40. //Klikanie Kontrolek
  41. $('#controls li').click(function() {
  42. var clicked = $(this).attr('id');
  43. $('#slider ul').animate({left: "-" + ((clicked-1)*width) + "px"},500,"linear");
  44. clearInterval(slider);
  45. });
  46.  
  47. //Koniec klikania Kontrolek
  48.  
  49.  
  50. });
  51.  
jacobson
a czy w tym kawalku kodu

  1. $('#slider ul li').each(function(i) {
  2. html += "<a href=\"java script:void(0);\"><li id=\"" + (i+1) + "\">" + (i+1) + "</li></a>";
  3. });


Wydaje mi sie ze problem jest w tym ze te li numerujesz od 1 a nie od 0 i przez to Ci sie rozjezdza.
Raven1122
dalej tylko do 4 idzie

pomoze ktos?
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.