https://www.bcs.org/scripts/modules/caseStudy.js

1var sliderCaseStudy = (function () {
2
3    let _loading = false;
4
5    let _init = function () {
6
7        let $slider = $('.casestudyslider');
8        $slider.each(function () {
9            var prev = $(this).find('#CaseStudyPrev');
10            var next = $(this).find('#CaseStudyNext');
11
12            var content = $(this).find(".casestudyslider-slidercontent");
13            var offset = $(this).find(".casestudyslider-offset");
14            var offset2 = $(this).find(".casestudyslider-offset2");
15            var main = $(this).find(".casestudyslider-slidermainimg");
16
17            main.slick({
18                dots: false,
19                arrows: false,
20                slidesToShow: 1,
21                infinite: true,
22                fade: true,
23                mobileFirst: true,
24                speed: 200
25            });
26
27            offset.slick({
28                dots: false,
29                arrows: false,
30                slidesToShow: 1,
31                slidesToScroll: 1,
32                initialSlide: 1,
33                fade: true,
34                mobileFirst: true,
35                speed: 200
36            });
37
38            offset2.slick({
39                dots: false,
40                arrows: false,
41                slidesToShow: 1,
42                slidesToScroll: 1,
43                initialSlide: 2,
44                fade: true,
45                mobileFirst: true,
46                speed: 200
47            });
48
49            content.slick({
50                dots: false,
51                slidesToShow: 1,
52                arrows: false,
53                mobileFirst: true,
54                accessibility: true,
55                fade: true,
56                speed: 200
57            });
58
59            var indexes = {
60                main: 0,
61                offset: 1,
62                offset2: 2
63            }
64
65            var length = parseInt($(this).data('length')) - 1;
66
67            next.on('click', function () {
68                indexes.main = indexes.main + 1 > length ? 0 : indexes.main + 1;
69                indexes.offset = indexes.offset + 1 > length ? 0 : indexes.offset + 1;
70                indexes.offset2 = indexes.offset2 + 1 > length ? 0 : indexes.offset2 + 1;
71
72                main.slick('slickGoTo', indexes.main);
73                content.slick('slickGoTo', indexes.main);
74                offset.slick('slickGoTo', indexes.offset);
75                offset2.slick('slickGoTo', indexes.offset2);
76            })
77
78            prev.on('click', function () {
79                indexes.main = indexes.main - 1 < 0 ? length : indexes.main - 1;
80                indexes.offset = indexes.offset - 1 < 0 ? length : indexes.offset - 1;
81                indexes.offset2 = indexes.offset2 - 1 < 0 ? length : indexes.offset2 - 1;
82
83                main.slick('slickGoTo', indexes.main);
84                content.slick('slickGoTo', indexes.main);
85                offset.slick('slickGoTo', indexes.offset);
86                offset2.slick('slickGoTo', indexes.offset2);
87            })
88
89            $(this).css({
90                opacity: 1
91            })
92
93        })
94
95        $(".casestudylisting-slider").slick({
96            dots: false,
97            // arrows: false,
98            infinite: false,
99            slidesToShow: 1,
100            slidesToScroll: 1,
101            prevArrow: $('#case-prev'),
102            nextArrow: $('#case-next'),
103            swipe: false,
104            swipeToSlide: false,
105            touchMove: false,
106            mobileFirst: true,
107            responsive: [
108                {
109                    breakpoint: 992,
110                    settings: {
111                        slidesToShow: 2,
112                    }
113                },
114            ]
115        });
116    }
117
118    return {
119        init: _init
120    }
121
122})()
123
124window._sliderCaseStudy = sliderCaseStudy;
125
126export default sliderCaseStudy;