https://highdeserthearing.com/wp-content/themes/Audire/dist/assets/js/carousel.js?ver=7.1.2

1var swiperBasic = new Swiper('.carousel--basic', {
2  // If we need pagination
3  pagination: {
4    el: '.swiper-pagination',
5    clickable: true,
6  },
7
8  loop: true,
9
10  // Navigation arrows
11  navigation: {
12    nextEl: '.swiper-button-next',
13    prevEl: '.swiper-button-prev',
14  },
15
16});
17
18
19var swiperHero = new Swiper('.carousel--hero', {
20  // If we need pagination
21  pagination: {
22    el: '.swiper-pagination--hero',
23    clickable: true,
24  },
25
26  loop: true,
27  autoplay: {
28    delay: 10000,
29  },
30
31  // Navigation arrows
32  navigation: {
33    nextEl: '.swiper-button-next--hero',
34    prevEl: '.swiper-button-prev--hero',
35  },
36
37});
38
39
40var swiperLocationGallery = new Swiper('.location__gallery', {
41  // If we need pagination
42  pagination: {
43    el: '.swiper-pagination--loc_gallery',
44    clickable: true,
45  },
46
47  loop: true,
48  autoHeight: true,
49
50  // Navigation arrows
51  navigation: {
52    nextEl: '.swiper-button-next--loc_gallery',
53    prevEl: '.swiper-button-prev--loc_gallery',
54  },
55
56});
57
58
59var swiperMicrositeGallery = new Swiper('.carousel--microsite', {
60  // If we need pagination
61  pagination: {
62    el: '.swiper-pagination--micro_gallery',
63    clickable: true,
64  },
65  

66  breakpoints: {
67    425: {
68      slidesPerView: 2,
69      spaceBetween: 30,
70    },
71    640: {
72      slidesPerView: 3,
73      spaceBetween: 30,
74    },
75    769: {
76      slidesPerView: 4,
77      spaceBetween: 30,
78    },
79    1024: {
80      slidesPerView: 5,
81      spaceBetween: 30
82    }
83  },
84  loop: true,
85  
86  // Navigation arrows
87  navigation: {
88    nextEl: '.swiper-button-next--micro_gallery',
89    prevEl: '.swiper-button-prev--micro_gallery',
90  },
91});
92
93var swiperLogoCarousel = new Swiper('.logo-list__carousel--manufacturers', {
94  // If we need pagination
95  pagination: {
96    el: '.swiper-pagination--manufacturers',
97    clickable: true,
98  },
99
100  breakpoints: {
101    425: {
102      slidesPerView: 2,
103      spaceBetween: 30,
104    },
105    640: {
106      slidesPerView: 3,
107      spaceBetween: 30,
108    },
109    769: {
110      slidesPerView: 4,
111      spaceBetween: 30,
112    },
113    1024: {
114      slidesPerView: 5,
115      spaceBetween: 30
116    }
117  },
118  loop: true,
119
120  // Navigation arrows
121  navigation: {
122    nextEl: '.swiper-button-next--manufacturers',
123    prevEl: '.swiper-button-prev--manufacturers',
124  },
125});
126
127var swiperLogoCarousel = new Swiper('.logo-list__carousel--custom', {
128  // If we need pagination
129  pagination: {
130    el: '.swiper-pagination--custom',
131    clickable: true,
132  },
133
134  breakpoints: {
135    425: {
136      slidesPerView: 2,
137      spaceBetween: 30,
138    },
139    640: {
140      slidesPerView: 3,
141      spaceBetween: 30,
142    },
143    769: {
144      slidesPerView: 4,
145      spaceBetween: 30,
146    },
147    1024: {
148      slidesPerView: 5,
149      spaceBetween: 30
150    }
151  },
152  loop: true,
153
154  // Navigation arrows
155  navigation: {
156    nextEl: '.swiper-button-next--custom',
157    prevEl: '.swiper-button-prev--custom',
158  },
159});
160
161var swiperLogoCarousel = new Swiper('.logo-list__carousel--associations', {
162  // If we need pagination
163  pagination: {
164    el: '.swiper-pagination--associations',
165    clickable: true,
166  },
167
168  breakpoints: {
169    425: {
170      slidesPerView: 2,
171      spaceBetween: 30,
172    },
173    640: {
174      slidesPerView: 3,
175      spaceBetween: 30,
176    },
177    769: {
178      slidesPerView: 4,
179      spaceBetween: 30,
180    },
181    1024: {
182      slidesPerView: 5,
183      spaceBetween: 30
184    }
185  },
186  loop: true,
187
188  // Navigation arrows
189  navigation: {
190    nextEl: '.swiper-button-next--associations',
191    prevEl: '.swiper-button-prev--associations',
192  },
193});
194

195var swiperSpecialsCarousel = new Swiper('.specials__carousel', {
196  // If we need pagination
197  pagination: {
198    el: '.swiper-pagination--specials',
199    clickable: true,
200  },
201  slidesPerView: 1,
202  spaceBetween: 30,
203
204  breakpoints: {
205    425: {
206      slidesPerView: 1,
207      spaceBetween: 30,
208    },
209    640: {
210      slidesPerView: 2,
211      spaceBetween: 30,  
212    },
213    1024: {
214      slidesPerView: 3,
215      spaceBetween: 30,
216    }
217  },
218  loop: true,
219  autoplay: {
220    delay: 10000,
221  },
222
223  // Navigation arrows
224  navigation: {
225    nextEl: '.swiper-button-next--specials',
226    prevEl: '.swiper-button-prev--specials',
227  },
228});
229
230var swiperSpecialsSplitCarousel = new Swiper('.specials__carousel--split', {
231  // If we need pagination
232  pagination: {
233    el: '.swiper-pagination--specials',
234    clickable: true,
235  },
236
237  slidesPerView: 1,
238  spaceBetween: 30,
239  loop: true,
240  autoplay: {
241    delay: 10000,
242  },
243
244  // Navigation arrows
245  navigation: {
246    nextEl: '.swiper-button-next--specials',
247    prevEl: '.swiper-button-prev--specials',
248  },
249});
250
251/**
252 * ================================
253 * Inline List to Grid Layout
254 * ================================
255 */
256function gridHandler1Custom() {
257  // console.log("off");
258  swiperLogoCarousel.destroy();
259  var container = document.querySelector('.logo-list__wrapper--custom');
260  container.classList.add('logo-list__grid');
261  // swiperLogoCarousel = undefined;
262  $(this).one('click', gridHandler2Custom);
263}
264
265function gridHandler2Custom() {
266  // console.log("on");
267  var container = document.querySelector('.logo-list__wrapper--custom');
268  container.classList.remove('logo-list__grid');
269  swiperLogoCarousel = new Swiper('.logo-list__carousel--custom', {
270    // If we need pagination
271    pagination: {
272      el: '.swiper-pagination--custom',
273      clickable: true,
274    },
275  
276    breakpoints: {
277      425: {
278        slidesPerView: 2,
279        spaceBetween: 30,
280      },
281      640: {
282        slidesPerView: 5,
283        spaceBetween: 30
284      }
285    },
286    loop: true,
287  
288    // Navigation arrows
289    navigation: {
290      nextEl: '.swiper-button-next--custom',
291      prevEl: '.swiper-button-prev--custom',
292    },
293  });
294  $(this).one('click', gridHandler1Custom);
295}
296
297$('#view-all--custom').one('click', gridHandler1Custom);
298
299function gridHandler1Associations() {
300  // console.log("off");
301  swiperLogoCarousel.destroy();
302  var container = document.querySelector('.logo-list__wrapper--associations');
303  container.classList.add('logo-list__grid');
304  // swiperLogoCarousel = undefined;
305  $(this).one('click', gridHandler2Associations);
306}
307
308function gridHandler2Associations() {
309  // console.log("on");
310  var container = document.querySelector('.logo-list__wrapper--associations');
311  container.classList.remove('logo-list__grid');
312  swiperLogoCarousel = new Swiper('.logo-list__carousel--associations', {
313    // If we need pagination
314    pagination: {
315      el: '.swiper-pagination--associations',
316      clickable: true,
317    },
318  
319    breakpoints: {
320      425: {
321        slidesPerView: 2,
322        spaceBetween: 30,
323      },
324      640: {
325        slidesPerView: 5,
326        spaceBetween: 30
327      }
328    },
329    loop: true,
330  
331    // Navigation arrows
332    navigation: {
333      nextEl: '.swiper-button-next--associations',
334      prevEl: '.swiper-button-prev--associations',
335    },
336  });
337  $(this).one('click', gridHandler1Associations);
338}
339
340$('#view-all--associations').one('click', gridHandler1Associations);
341
342/**
343 * ================================
344 * TESTIMONIAL CAROUSELS
345 * ================================
346 */
347
348var swiperCarouselTestimonialBasic = new Swiper('.carousel--testimonial', {
349  slidesPerView: "auto",
350  centeredSlides: true,
351  spaceBetween: 60,
352  loop: true,
353  autoplay: {
354    delay: 15000,
355  },
356
357  // If we need pagination
358  pagination: {
359    el: '.swiper-pagination--testimonials',
360    clickable: true,
361  },
362
363  // Navigation arrows
364  navigation: {
365    nextEl: '.swiper-button-next--testimonials',
366    prevEl: '.swiper-button-prev--testimonials',
367  },
368
369});
370
371var swiperCourselTestimonialHighlight = new Swiper('.carousel--highlight', {
372  direction: 'vertical',
373  freeMode: true,
374  grabCursor: true,
375  slidesPerView: 3,
376  autoHeight: true,
377  // loop: true,
378  // autoplay: {
379  //   delay: 15000,
380  // },
381  
382  // If we need pagination
383  pagination: {
384    el: '.swiper-pagination--highlight',
385    clickable: true,
386  },
387  

388  // Navigation arrows
389  navigation: {
390    nextEl: '.swiper-button-next--highlight',
391    prevEl: '.swiper-button-prev--highlight',
392  },
393  
394});