https://www.arapahoebasin.com/scripts/potd.js

1/* globals Swiper */
2
3$(function () {
4    var $modules = $('.potdModule');
5    if ($modules.length) {
6
7        $.each($modules, function (index, module) {
8            var $module = $(module);
9            var $slider = $module.find('.potdSlider');
10
11            if ($slider.length) {
12
13                if ($slider.hasClass('single-slide')) {
14                    return;
15                }
16
17                var potdSwiper = new Swiper($slider, {
18                    // Optional parameters
19                    nextButton : '.swiper-button-next',
20                    prevButton : '.swiper-button-prev',
21                    spaceBetween : 5,
22
23                });
24
25                var $thumbs = $module.find('.potd-gallery-thumbs');
26                if ($thumbs.length) {
27                    var potdGalleryThumbs = new Swiper($thumbs, {
28                        spaceBetween: 15,
29                        centeredSlides: true,
30                        slidesPerView: 'auto',
31                        touchRatio: 0.2,
32                        slideToClickedSlide: true
33                    });
34
35                    potdSwiper.params.control = potdGalleryThumbs;
36                    potdGalleryThumbs.params.control = potdSwiper;
37                }
38            }
39        });
40    }
41});