beranda-Rs/script.js at master · projecthimasi/beranda-Rs · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
var swiper = new Swiper(".mySwiper", {
   slidesPerView: 3,
   spaceBetween: 30,
   freeMode: true,
   pagination: {
      el: ".swiper-pagination",
      clickable: true,
   },
   loop: true,
   autoplay: {
      delay: 5000,
      disableOnInteraction: false,
   }
});


// splide
var splide = new Splide('#splide0', {
   pagination: false,
   type: 'loop',
   perPage: 3,
   autoplay: true,
   gap: '3rem',
   breakpoints: {
      1600: {
         perPage: 3,
         gap: '3rem',
      },
      1400: {
         perPage: 3,
         gap: '1rem',
      },
      1000: {
         perPage: 3,
         gap: '.7rem',
      },
      800: {
         perPage: 2,
         gap: '.7rem',
      },
      640: {
         perPage: 2,
         gap: '.7rem',
      },
      480: {
         perPage: 1,
         gap: '2rem'
      },
   },
});

splide.mount();

var splide = new Splide('#splide1', {
   arrows: false,
   type: 'loop',
   autoplay: true,
   perPage: 3,
   gap: '1rem',
   breakpoints: {
      1600: {
         perPage: 3,
         gap: '.7rem',
      },
      1400: {
         perPage: 2,
         gap: '.7rem',
      },
      1000: {
         perPage: 1,
         gap: '.7rem',
      },
      800: {
         perPage: 1,
         gap: '.7rem',
      },
   },
});

splide.mount();

var swiper = new Swiper(".mySwiper", {
   slidesPerView: 3,
   spaceBetween: 2,
   freeMode: true,
   loop: true,
   autoplay: {
      delay: 5000,
      disableOnInteraction: false,
   }
});

var swiper = new Swiper(".youSwiper", {
   pagination: {
      el: ".swiper-pagination",
   },
   autoplay: {
      delay: 2500,
      disableOnInteraction: false,
   }
});