Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript]Problem ze sliderem
Forum PHP.pl > Forum > Przedszkole
Waloch016
Witam mam taki kod:

[JAVASCRIPT] pobierz, plaintext
  1. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  2. <script type="text/javascript">
  3. $(document).ready(function(){
  4. var currentPosition = 0;
  5. var slideWidth = 850;
  6. var slides = $('.slide');
  7. var numberOfSlides = slides.length;
  8.  
  9. $('#slidesContainer').css('overflow', 'hidden');
  10.  
  11. slides
  12. .wrapAll('<div id="slideInner"></div>')
  13. .css({
  14. 'float' : 'right',
  15. 'width' : slideWidth
  16. });
  17.  
  18. $('#slideInner').css('width', slideWidth * numberOfSlides);
  19.  
  20. $('#slideshow')
  21. .prepend('<span class="control" id="leftControl">Kliknięcie przesunie w lewo</span>')
  22. .append('<span class="control" id="rightControl">Kliknięcie przesunie w prawo</span>');
  23.  
  24. manageControls(currentPosition);
  25. $('.control')
  26. .bind('click', function(){
  27.  
  28. currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
  29. manageControls(currentPosition);
  30.  
  31. $('#slideInner').animate({
  32. 'marginLeft' : slideWidth*(-currentPosition)
  33. });
  34. });
  35. function manageControls(position){
  36. if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
  37. if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show()
  38.  
  39. }
  40. }
  41. });
  42. </script>
[JAVASCRIPT] pobierz, plaintext


przykład na majr.power-art.pl

Jak dodac paginacje??
by_ikar
majr.power-art.pl -> 404 not found
power-art.pl -> jest jakiś slider, ale to jest slider w flashu

Generalnie polecam ci poszukać jakiegoś gotowego slidera, bo jest ich szeroki wybór. Poszukaj na plugins.jquery.com
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.