Advertisement
Guest User

Untitled

a guest
Jun 19th, 2019
102
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1.             {
  2.                 'selector': '.images-carousel__container .swiper-container',
  3.                 'options': {
  4.                     speed: 720,
  5.                     slidesPerView: 6,
  6.                     slidesPerGroup: 6,
  7.                     spaceBetween: 15,
  8.                     uniqueNavElements: true,
  9.                    
  10.                     watchOverflow: true,
  11.                     preventInteractionOnTransition: true,
  12.                     preventClicks: true,
  13.                    
  14.                     navigation: {
  15.                         nextEl: '.images-carousel__arrow-next',
  16.                         prevEl: '.images-carousel__arrow-prev'
  17.                     },
  18.                     scrollbar: {
  19.                         el: '.images-carousel__scrollbar',
  20.                         draggable: true,
  21.                         snapOnRelease: true,
  22.                     },
  23.                     // pagination: {
  24.                     //     el: '.images-carousel__progress-bar',
  25.                     //     type: 'progressbar',
  26.                     // },
  27.                     keyboard: {
  28.                         enabled: true,
  29.                         onlyInViewport: true,
  30.                     },
  31.                     autoplay: {
  32.                         delay: 7000
  33.                     },
  34.                     on: {
  35.                         init: function() {
  36.                             document.querySelector('[data-slide-current]')
  37.                                 .innerHTML = self.getActualSlidesPerView(this.currentBreakpoint, this.activeIndex);
  38.                             document.querySelector('[data-slide-total]').innerHTML = this.slides.length;
  39.                         },
  40.                         slideChangeTransitionEnd: function() {
  41.                             document.querySelector('[data-slide-current]')
  42.                                 .innerHTML = self.getActualSlidesPerView(this.currentBreakpoint, this.activeIndex);
  43.                         }
  44.                     },
  45.                     breakpoints: {
  46.                         1000: {
  47.                             slidesPerView: 4,
  48.                             slidesPerGroup: 4,
  49.                         },
  50.                         750: {
  51.                             slidesPerView: 2,
  52.                             slidesPerGroup: 2,
  53.                         }
  54.                     }
  55.                 }
  56.             },
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement