Advertisement
Guest User

Autoplay Slider

a guest
Mar 29th, 2014
225
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1.     /* Fullscreen slider */
  2.  
  3.     var fSwiper = new Swiper('#fullscreen-slider',{
  4.         autoplay: 5000, // < ------------------------------------------------------------------------------ [Autoplay option]
  5.         onSwiperCreated: function() {
  6.             // Slide has video
  7.             if ($('#fullscreen-slider .swiper-slide-active').has('video').length) {
  8.                 $('#fullscreen-slider .swiper-slide-active video').get(0).play();
  9.             }
  10.         },
  11.         onSlideChangeStart: function() {
  12.             // Stop videos in slider
  13.             $('#fullscreen-slider .swiper-slide').each(function() {
  14.                 if ($(this).has('video').length) {
  15.                     $(this).children('video').get(0).pause();
  16.                 }
  17.             });
  18.             // Has video
  19.             if ($('#fullscreen-slider .swiper-slide-active').has('video').length) {
  20.                 $('#fullscreen-slider .swiper-slide-active video').get(0).play();
  21.             }
  22.             // Hide arrow on first and last slide
  23.             if (fSwiper.activeIndex == 0) {
  24.                 $('#nav-arrows .nav-left').addClass('hidden');
  25.             } else {
  26.                 $('#nav-arrows .nav-left').removeClass('hidden');
  27.             }
  28.             if (fSwiper.activeIndex == (fSwiper.slides.length - 1)) {
  29.                 $('#nav-arrows .nav-right').addClass('hidden');
  30.             } else {
  31.                 $('#nav-arrows .nav-right').removeClass('hidden');
  32.             }
  33.         }
  34.     });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement