Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript] Slider jquery
Forum PHP.pl > Forum > Przedszkole
miras
Witam, mam pewien slider, problem się pojawia wtedy, gdy "strzałkami poleci się za daleko" mam 3 slajdy, chodzi mi o to, że gdy będziemy na 3 slajdzie, żeby po kliknięciu strzałki w prawo przeniosło do pierwszego slajdu, a nie wyświetlało pusty box.

  1.  
  2. $(document).ready(function(){
  3. var currentPosition = 0;
  4. var slideWidth = 1239;
  5. var slides = $('.slide');
  6. var numberOfSlides = slides.length;
  7.  
  8. $('#slidesContainer').css('overflow', 'hidden');
  9.  
  10. slides
  11. .wrapAll('<div id="slideInner"></div>')
  12. .css({
  13. 'float' : 'left',
  14. 'width' : slideWidth
  15. });
  16.  
  17. $('#slideInner').css('width', slideWidth * numberOfSlides);
  18. $('#slideshow')
  19. .prepend('<span class="control" id="leftControl"><div class="arrow_right"></div></span>')
  20. .append('<span class="control" id="rightControl"><div class="arrow_left"></div></span>');
  21.  
  22. manageControls(currentPosition);
  23.  
  24. $('.control')
  25. .bind('click', function(){
  26. currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
  27.  
  28. manageControls(currentPosition);
  29. $('#slideInner').animate({
  30. 'marginLeft' : slideWidth*(-currentPosition)
  31. });
  32. });
  33.  
  34. function manageControls(position){
  35.  
  36. if(position==3){ currentPosition=0; position=0; }
  37. if(position==1){ currentPosition=3; position=3; }
  38.  
  39. }
  40. });
kafowi
https://jsfiddle.net/kafowi/npq679d3/9/
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.