https://www.thehewittfertilitycentre.org.uk/_frontend/js/main/functions/mobile-cta-slider.js

1var initMobileSliders = function () {
2
3    // CTA slider
4
5    var ctaSlider = initMobileCTASlider($('.mobile_cta_slider'), {
6        prevArrow: "",
7        nextArrow: "",
8        dots: true,
9        slidesToShow: 1
10    }, mediumBreakpoint);
11
12    // Document CTA slider
13
14    var documentCtaSliderSlickSettings = {
15        prevArrow: "",
16        nextArrow: "",
17        dots: true,
18        slidesToShow: 1,
19        centerMode: true,
20        infinite: false,
21        initialSlide: 1,
22        centerPadding: '100px',
23        responsive: [{
24            breakpoint: mediumBreakpoint,
25            settings: {
26                centerPadding: '20px'
27            }
28        }]
29    }
30
31    var documentCtaSlider = initMobileCTASlider($('.document_ctas'), documentCtaSliderSlickSettings, largeBreakpoint);
32
33    return {
34        resizeEvent: function () {
35            ctaSlider.resizeEvent();
36            documentCtaSlider.resizeEvent();
37        }
38    }
39};
40
41var initMobileCTASlider = function ($slider, slickSettings, breakpoint) {
42    if ($slider.length) {
43        // static variables
44
45        var isInitialized = false;
46
47        // functions
48
49        var initSlider = function () {
50            $slider.slick(slickSettings);
51
52            isInitialized = true;
53        };
54
55        var destroySlider = function () {
56            $slider.slick('unslick');
57
58            isInitialized = false;
59        };
60
61        var toggleSlider = function () {
62            if ($(window).width() >= breakpoint && isInitialized) {
63                destroySlider();
64            } else if ($(window).width() < breakpoint && !isInitialized) {
65                initSlider();
66            }
67        }
68
69        // ui bindings
70
71        toggleSlider();
72
73        // return object
74
75        return {
76            resizeEvent: toggleSlider
77        }
78    }
79
80    return {
81        resizeEvent: function () { }
82    }
83}