https://holsteinweb.de/templates/g5_chimera/js/swiper.init.js

1jQuery(document).ready(function () {
2    jQuery('[data-swiper-id]').each(function (index) {
3        var container = jQuery(this);
4        var autoplay = container.data('swiper-autoplay') ? {delay: container.data('swiper-timeout'), disableOnInteraction: false} : false;
5        var touchMove = container.data('swiper-touchmove');
6        var mobileTouchMove = container.data('swiper-mobiletouchmove');
7        var slideDirection = container.data('swiper-direction');
8        var slidePagination = container.data('swiper-pagination');
9        var nextNav = container.data('swiper-nextnav');
10        var prevNav = container.data('swiper-prevnav');
11        var elPa = container.data('swiper-elpa');  
12        var elThumb = container.data('swiper-elthumb');
13        var mobileBreakpoint = Length.toPx(document.body, container.data('swiper-mobile-breakpoint'));
14        var tabletBreakpoint = Length.toPx(document.body, container.data('swiper-tablet-breakpoint'));
15        var desktopBreakpoint = Length.toPx(document.body, container.data('swiper-desktop-breakpoint')); 
16        var largeDesktopBreakpoint = Length.toPx(document.body, container.data('swiper-largedesktop-breakpoint'));   
17        var mobileSlides = container.data('swiper-mobileslides');
18        var mobileGroup = container.data('swiper-mobilegroup');
19        var mobileSpace = container.data('swiper-mobilespace');
20        var tabletSlides = container.data('swiper-tabletslides');
21        var tabletGroup = container.data('swiper-tabletgroup');
22        var tabletSpace = container.data('swiper-tabletspace');
23        var desktopSlides = container.data('swiper-desktopslides');
24        var desktopGroup = container.data('swiper-desktopgroup');
25        var desktopSpace = container.data('swiper-desktopspace');
26        var largeDesktopSlides = container.data('swiper-largedesktopslides');
27        var largeDesktopGroup = container.data('swiper-largedesktopgroup');
28        var largeDesktopSpace = container.data('swiper-largedesktopspace'); 
29        var thumbs = container.data('swiper-thumbnails');
30        var mobileThumbs = container.data('swiper-mobilethumbs');
31        var tabletThumbs = container.data('swiper-tabletthumbs');
32        var desktopThumbs = container.data('swiper-desktopthumbs'); 
33        var largeDesktopThumbs = container.data('swiper-largedesktopthumbs');
34        var smallThumbSpace = container.data('swiper-smallthumbspace');
35        var mobileThumbSpace = container.data('swiper-mobilethumbspace');
36        var tabletThumbSpace = container.data('swiper-tabletthumbspace'); 
37        var desktopThumbSpace = container.data('swiper-desktopthumbspace');
38        var largeDesktopThumbSpace = container.data('swiper-largedesktopthumbspace');
39
40        if (thumbs) {
41            var sliderThumbs = new Swiper(jQuery(elThumb), {
42                watchSlidesVisibility: true,
43                watchSlidesProgress: true,
44                navigation: {
45                    nextEl: '.swiper-thumbs-button-next',
46                    prevEl: '.swiper-thumbs-button-prev',
47                },
48                breakpoints: {
49                    [mobileBreakpoint]: {
50                        slidesPerView: mobileThumbs,
51                        spaceBetween: mobileThumbSpace
52                    },
53                    [tabletBreakpoint]: {
54                        slidesPerView: tabletThumbs,
55                        spaceBetween: tabletThumbSpace
56                    },
57                    [desktopBreakpoint]: {
58                        slidesPerView: desktopThumbs,
59                        spaceBetween: desktopThumbSpace
60                    },
61                    [largeDesktopBreakpoint]: {
62                        slidesPerView: largeDesktopThumbs,
63                        spaceBetween: largeDesktopThumbSpace
64                    }
65                }
66            });
67        }
68
69        var slideSwipe = new Swiper(jQuery(this), {
70            speed: container.data('swiper-speed'),
71            loop: container.data('swiper-loop'),
72            direction: slideDirection,
73            allowTouchMove: touchMove,
74            grabCursor: touchMove,
75            autoplay: autoplay,
76            pagination: {
77                el: elPa,
78                type: slidePagination,
79                clickable: true,
80            },
81            navigation: {
82                nextEl: nextNav,
83                prevEl: prevNav,
84            },
85            thumbs: thumbs ? { swiper: sliderThumbs } : thumbs,
86            effect: container.data('swiper-effect'),
87            fadeEffect: {
88              crossFade: true
89            },
90            coverflowEffect: {
91              rotate: 30,
92              slideShadows: false,
93            },
94            flipEffect: {
95              rotate: 30,
96              slideShadows: false,
97            },
98            breakpoints: {
99                [mobileBreakpoint]: {
100                    slidesPerView: mobileSlides,
101                    slidesPerGroup: mobileGroup,
102                    spaceBetween: mobileSpace,
103                    allowTouchMove: mobileTouchMove,
104                    grabCursor: mobileTouchMove,
105                },

106                [tabletBreakpoint]: {
107                    slidesPerView: tabletSlides,
108                    slidesPerGroup: tabletGroup,
109                    spaceBetween: tabletSpace
110                },
111                [desktopBreakpoint]: {
112                    slidesPerView: desktopSlides,
113                    slidesPerGroup: desktopGroup,
114                    spaceBetween: desktopSpace
115                },
116                [largeDesktopBreakpoint]: {
117                    slidesPerView: largeDesktopSlides,
118                    slidesPerGroup: largeDesktopGroup,
119                    spaceBetween: largeDesktopSpace
120                }
121            }
122        });
123    });
124});