https://bisquedoll-anime.com/assets/js/script.story.js

1'use strict';
2window.addEventListener('load', function () {
3  storySlide.init();
4});
5
6const storySlide = {
7  instance: null,
8  $elm: '.js-story-slide',
9  config: {
10    speed: 800,
11    slidesPerView: 'auto',
12    centeredSlides: true,
13    loop: true,
14    loopAdditionalSlides: 1,
15    effect: 'fade',
16    fadeEffect: {
17      crossFade: true,
18    },
19    on: {
20      init: function (swiper) {
21        $('.js-story-slide-pagination').eq(0).addClass('is-current');
22
23        $('.js-story-slide-pagination').on('click', function () {
24          $('.js-story-slide-pagination').removeClass('is-current');
25          $(this).addClass('is-current');
26
27          swiper.slideToLoop($(this).attr('data-story-index') - 1);
28        });
29      },
30      slideChange: function (swiper) {
31        $('.js-story-slide-pagination').removeClass('is-current');
32        $('.js-story-slide-pagination').eq(swiper.realIndex).addClass('is-current');
33      },
34    },
35  },
36  set() {
37    this.instance = new Swiper(this.$elm, this.config);
38  },
39  init() {
40    this.set();
41  },
42};