Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript] Slider jquery, jw
miras
post
Post #1





Grupa: Zarejestrowani
Postów: 1 004
Pomógł: 9
Dołączył: 18.01.2011
Skąd: Siedlce

Ostrzeżenie: (30%)
XX---


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. });


--------------------
Go to the top of the page
+Quote Post
kafowi
post
Post #2





Grupa: Zarejestrowani
Postów: 75
Pomógł: 20
Dołączył: 13.02.2015

Ostrzeżenie: (0%)
-----


https://jsfiddle.net/kafowi/npq679d3/9/
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 22.08.2025 - 07:26