https://www.eco-schools.org.uk/wp-content/themes/ecoschools/js/src/slider.js

1(function() {
2    function getSlideCount() {
3        return (window.innerWidth >= 660) ? 3 : 1;
4    }
5
6    function getSiteSlideCount() {
7        return (window.innerWidth < 480) ? 2 :
8               (window.innerWidth < 769) ? 4 : 6;
9    }
10
11    if ($('.header__sites__slider__wrap').length > 0) {
12        var siteSlider = new Swiper ('.header__sites__slider__wrap', {
13            slidesPerView          : getSiteSlideCount(),
14            slidesPerGroup         : getSiteSlideCount(),
15            wrapperClass           : 'slider__canvas',
16            slideClass             : 'slide',
17            slideActiveClass       : 'slide--active',
18            buttonDisabledClass    : 'slider__control--disabled',
19            prevButton             : '.slider__control--prev',
20            nextButton             : '.slider__control--next'
21        });
22    }
23
24    if ($('.slider').length > 0) {
25        var statSlider = new Swiper ('.slider', {
26            loop                   : true,
27            loopAdditionalSlides   : 1,
28            slidesPerView          : getSlideCount(),
29            centeredSlides         : true,
30            wrapperClass           : 'slider__canvas',
31            slideClass             : 'slide',
32            slideActiveClass       : 'slide--active',
33            buttonDisabledClass    : 'slider__control--disabled',
34            prevButton             : '.slider__control--prev',
35            nextButton             : '.slider__control--next',
36            pagination             : '.slider__pagination',
37            paginationType         : 'custom',
38            paginationCustomRender : function (swiper, current, total) {
39                return current + ' of ' + total;
40            }
41        });
42    }
43
44    window.onresize = function() {
45        if (siteSlider !== undefined) {
46            siteSlider.params.slidesPerView = getSiteSlideCount();
47            siteSlider.params.slidesPerView = getSiteSlideCount();
48            siteSlider.update();
49        }
50
51        if (statSlider !== undefined) {
52            statSlider.params.slidesPerView = getSlideCount();
53            statSlider.update();
54        }
55    }
56})();