Advertisement
Guest User

simple slideshow

a guest
Nov 20th, 2014
271
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. $(document).ready(function () {
  2.     var paused = false;
  3.     var tickInterval = 5000;
  4.     var currentSlide = 0;
  5.     var slide = $('#slide');
  6.     var nextBut = $("<button id='next'>></button>");
  7.     var prevBut = $("<button id='prev'><</button>");
  8.     var slides = ["<img src='images/1.jpg'/>",
  9.         "<img src='images/2.jpg'/>",
  10.         "<img src='images/3.jpg'/>",
  11.         "<img src='images/4.jpg'/>",
  12.         "<img src='images/5.jpg'/>"
  13.     ];
  14.  
  15.     function hideButtons() {
  16.         var buttons = arguments;
  17.         for (var b in buttons) {
  18.             if (buttons.hasOwnProperty(b)) {
  19.                 buttons[b].fadeOut(500);
  20.             }
  21.         }
  22.     }
  23.  
  24.     function showButtons() {
  25.         var buttons = arguments;
  26.         for (var b in buttons) {
  27.             if (buttons.hasOwnProperty(b)) {
  28.                 buttons[b].fadeIn(500);
  29.             }
  30.         }
  31.     }
  32.  
  33.     function showSlide() {
  34.         slide.html(slides[currentSlide]).fadeIn(700);
  35.         slide.append(nextBut, prevBut);
  36.         hideButtons(nextBut, prevBut);
  37.  
  38.         slide.mouseleave(function () {
  39.             paused = false;
  40.             hideButtons(nextBut, prevBut);
  41.         });
  42.  
  43.         slide.mouseover(function () {
  44.             paused = true;
  45.             showButtons(nextBut, prevBut);
  46.         });
  47.  
  48.         nextBut.click(function () {
  49.             if (currentSlide < slides.length - 1) {
  50.                 currentSlide++;
  51.             }
  52.             else {
  53.                 currentSlide = 0;
  54.             }
  55.  
  56.             slide.fadeOut(500);
  57.             setTimeout(showSlide, 600);
  58.  
  59.         });
  60.  
  61.         prevBut.click(function () {
  62.             if (currentSlide > 0) {
  63.                 currentSlide--;
  64.             }
  65.             else {
  66.                 currentSlide = slides.length - 1;
  67.             }
  68.  
  69.             slide.fadeOut(500);
  70.             setTimeout(showSlide, 600);
  71.         });
  72.     }
  73.  
  74.     setInterval(function () {
  75.         if (paused) {
  76.             return false;
  77.         }
  78.         else {
  79.             if (currentSlide < slides.length - 1) {
  80.                 currentSlide++;
  81.             }
  82.             else {
  83.                 currentSlide = 0;
  84.             }
  85.  
  86.             slide.fadeOut(500);
  87.             setTimeout(showSlide, 600);
  88.         }
  89.     }, tickInterval);
  90.  
  91.     showSlide();
  92. });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement