https://smartdx.co/js/swiper-controller.js

1const homeCertifySwiper = new Swiper(".home-partners-swiper", {
2    slidesPerView: 5,
3    spaceBetween: 30,
4    loop: true,
5    freeMode: true,
6    freeModeMomentum: false,
7    autoplay: {
8        delay: 1,
9        disableOnInteraction: true
10    },
11    speed: 9000,
12    touchRatio: 0,
13    grabCursor: false,
14    navigation: { 
15        nextEl: "#home-partners-swiper--next", 
16        prevEl: "#home-partners-swiper--prev" 
17    },
18    breakpoints: { 
19        320: { 
20            slidesPerView: 2, 
21            spaceBetween: 50, 
22            grabCursor: true, 
23            touchRatio: 1 
24        }, 
25        450: { 
26            slidesPerView: 2 
27        }, 
28        768: { 
29            slidesPerView: 3 
30        }, 
31        1024: { 
32            slidesPerView: 5 
33        } 
34    }
35});
36
37const homeDeferredSwiper = new Swiper(".home-deferred-swiper", {
38    slidesPerView: 1,
39    loop: false,
40    touchRatio: 0,
41    grabCursor: false,
42    navigation: { 
43        nextEl: "#home-deferred-swiper--next", 
44        prevEl: "#home-deferred-swiper--prev" 
45    },
46    pagination: {
47        el: '.swiper-pagination',
48        type: 'fraction'
49    }
50});
51
52const knownAudienceSwiper = new Swiper(".known-audience-swiper", {
53    slidesPerView: 3,
54    spaceBetween: 20,
55    loop: false,
56    touchRatio: 0,
57    grabCursor: false,
58    observer: true,
59    observeParents: true,
60    navigation: { nextEl: "#known-audience-swiper--next", prevEl: "#known-audience-swiper--prev" },
61    breakpoints: { 320: { slidesPerView: 2, spaceBetween: 50, grabCursor: true, touchRatio: 1 }, 768: { slidesPerView: 2 }, 1024: { slidesPerView: 3 } }
62});
63
64const infographicSwiper = new Swiper(".infographics-swiper", {
65    slidesPerView: 2.2,
66    spaceBetween: 1,
67    loop: true,
68    touchRatio: 0,
69    grabCursor: false,
70    centeredSlides : true,
71    observer: true,
72    observeParents: true,
73    navigation: { 
74        nextEl: "#infographics-swiper-next", 
75        prevEl: "#infographics-swiper-prev" 
76    },
77    pagination: {
78        el: '.infographics-swiper-pagination',
79        type: 'fraction'
80    }
81});
82
83const whitepaperSwiper = new Swiper(".whitepapers-swiper", {
84    slidesPerView: 2.2,
85    spaceBetween: 1,
86    loop: true,
87    touchRatio: 0,
88    grabCursor: false,
89    centeredSlides : true,
90    observer: true,
91    observeParents: true,
92    navigation: { 
93        nextEl: "#whitepapers-swiper-next", 
94        prevEl: "#whitepapers-swiper-prev" 
95    },
96    pagination: {
97        el: '.whitepapers-swiper-pagination',
98        type: 'fraction'
99    }
100});
101
102const blogSwiper = new Swiper(".blogs-swiper", {
103    slidesPerView: 2.2,
104    spaceBetween: 1,
105    loop: true,
106    touchRatio: 0,
107    grabCursor: false,
108    centeredSlides : true,
109    observer: true,
110    observeParents: true,
111    navigation: { 
112        nextEl: "#blogs-swiper-next", 
113        prevEl: "#blogs-swiper-prev" 
114    },
115    pagination: {
116        el: '.blogs-swiper-pagination',
117        type: 'fraction'
118    }
119});
120
121const guideSwiper = new Swiper(".guides-swiper", {
122    slidesPerView: 2.2,
123    spaceBetween: 1,
124    loop: true,
125    touchRatio: 0,
126    grabCursor: false,
127    centeredSlides : true,
128    observer: true,
129    observeParents: true,
130    navigation: { 
131        nextEl: "#guides-swiper-next", 
132        prevEl: "#guides-swiper-prev" 
133    },
134    pagination: {
135        el: '.guides-swiper-pagination',
136        type: 'fraction'
137    }
138});
139
140const webinarSwiper = new Swiper(".webinars-swiper", {
141    slidesPerView: 2.2,
142    spaceBetween: 1,
143    loop: true,
144    touchRatio: 0,
145    grabCursor: false,
146    centeredSlides : true,
147    observer: true,
148    observeParents: true,
149    navigation: { 
150        nextEl: "#webinars-swiper-next", 
151        prevEl: "#webinars-swiper-prev" 
152    },
153    pagination: {
154        el: '.webinars-swiper-pagination',
155        type: 'fraction'
156    }
157});
158
159const usecaseSwiper = new Swiper(".usecases-swiper", {
160    slidesPerView: 3,
161    // loop: true,
162    touchRatio: 0,
163    grabCursor: false,
164    navigation: { 
165        nextEl: "#usecases-swiper-next", 
166        prevEl: "#usecases-swiper-prev" 
167    },
168    breakpoints: { 
169        320: { 
170            slidesPerView: 1,  
171            grabCursor: true, 
172            touchRatio: 1 
173        },
174        1024: { 
175            slidesPerView: 3 
176        } 
177    }
178});
179
180const smartUsecaseSwiper = new Swiper(".smart-usecases-swiper", {
181    slidesPerView: 3,
182    spaceBetween: 40,
183    touchRatio: 0,
184    grabCursor: false,
185    loop: false,
186    pagination: {
187        el: ".swiper-pagination",
188        clickable: true,
189        renderBullet: function (index, className) {
190            return '<span class="' + className + '">' + (index + 1) + "</span>";
191        },
192    },
193    navigation: { 
194        nextEl: "#smart-usecases-swiper-next", 
195        prevEl: "#smart-usecases-swiper-prev" 
196    },
197    breakpoints: { 
198        320: { 
199            slidesPerView: 1,  
200            grabCursor: true, 
201            touchRatio: 1 
202        },
203        1024: { 
204            slidesPerView: 3 
205        } 
206    }
207});
208
209const smartUsecaseSwiper1 = new Swiper(".smart-usecases-repeat-swiper", {
210    slidesPerView: 3,
211    spaceBetween: 40,
212    touchRatio: 0,
213    grabCursor: false,
214    loop: false,
215    pagination: {
216        el: ".swiper-pagination",
217        clickable: true,
218        renderBullet: function (index, className) {
219            return '<span class="' + className + '">' + (index + 1) + "</span>";
220        },
221    },
222    navigation: { 
223        nextEl: "#smart-usecases-repeat-swiper-next", 
224        prevEl: "#smart-usecases-repeat-swiper-prev" 
225    },
226    breakpoints: { 
227        320: { 
228            slidesPerView: 1,  
229            grabCursor: true, 
230            touchRatio: 1 
231        },
232        1024: { 
233            slidesPerView: 3 
234        } 
235    }
236});
237
238if (window.screen.width > 767) {
239let arrow = document.querySelector(".swiper-button-position.horizontal");
240let pagination = document.querySelector(".usecases-pagination");
241let slides = document.querySelectorAll(".smart-usecases-swiper .swiper-slide")
242
243if(!!slides && !!arrow && !!pagination) {
244    
245    if(slides.length > 3) {
246        arrow.style.display = 'block';
247        pagination.style.display = 'block';
248    } else {
249        arrow.style.display = 'none';
250        pagination.style.display = 'none';
251    }
252}
253
254}