vladkras

fade in/out slider

Aug 19th, 2014
242
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. var sliderImages = $('.home-slider').children('img'),
  2.     currentSilde = sliderImages.filter('.current'),
  3.     curIndex = currentSilde.index(),
  4.     total = sliderImages.length,
  5.     speed = 5000,
  6.     interval = setInterval(function() {
  7.     currentSilde.fadeOut(function() {
  8.        
  9.         curIndex = curIndex == total-1 ? 0 : curIndex+1;
  10.         console.log(curIndex);
  11.         sliderImages.hide().removeClass('current').eq(curIndex).addClass('current').fadeIn(function() {
  12.             currentSilde = $(this);
  13.         });
  14.     });
  15.     }, speed);
  16.     $('.slider-nav').children('a').click(function(e) {
  17.     e.preventDefault();
  18.     clearInterval(interval);
  19.     sliderImages.hide().removeClass('current');
  20.     if ($(this).hasClass('prev')) {
  21.         curIndex = curIndex == 0 ? total-1 : curIndex-1;
  22.     }
  23.     else if ($(this).hasClass('next')) {
  24.         curIndex = curIndex == total-1 ? 0 : curIndex+1;
  25.     }
  26.     sliderImages.eq(curIndex).addClass('current').show();
  27.     });
Advertisement
Add Comment
Please, Sign In to add comment