https://www.rot-weiss-erfurt.de/cms/js/rwe.gallery.js

1/* 
2 * To change this license header, choose License Headers in Project Properties.
3 * To change this template file, choose Tools | Templates
4 * and open the template in the editor.
5 */
6var RWE = RWE || {};
7
8RWE.Gallery =
9{
10    init: function(selectorId)//.gallery
11    {
12        var gallerySwiper = new Swiper('#gallery_' + selectorId + ' .swiper-container', {
13            loop: false,
14            progress: true,
15            calculateHeight: true,
16            autoplay: 0,
17            slidesPerView: 1,
18            slidesPerColumn: 1,
19            setWrapperSize: true,
20            onProgressChange: function(swiper) {
21                for (var i = 0; i < swiper.slides.length; i++) {
22                    var slide = swiper.slides[i];
23                    var progress = slide.progress;
24                    var translate = progress * swiper.width;
25                    var opacity = 1 - Math.min(Math.abs(progress), 1);
26                    slide.style.opacity = opacity;
27                    swiper.setTransform(slide, 'translate3d(' + translate + 'px,0,0)');
28                }
29            },
30            onTouchStart: function(swiper) {
31                /*for (var i = 0; i < swiper.slides.length; i++) {
32                    swiper.setTransition(swiper.slides[i], 0);
33                }*/
34            },
35            onSetWrapperTransition: function(swiper, speed) {
36                /*for (var i = 0; i < swiper.slides.length; i++) {
37                    swiper.setTransition(swiper.slides[i], speed);
38                }*/
39            },
40            onSlideChangeEnd: function(swiper) {
41                $(".swiper-slide").css("zIndex", 1);
42                $(".swiper-slide-active").css("zIndex", 3);
43            }
44        });
45
46        $('#gallery_' + selectorId + ' .swiperbutton-prev').click(function(event) {
47            if (gallerySwiper.isBeginning) {
48                gallerySwiper.slideTo(gallerySwiper.slides.length);
49            } else {
50                gallerySwiper.slidePrev();
51            }
52            event.preventDefault();
53        });
54        $('#gallery_' + selectorId + ' .swiperbutton-next').click(function(event) {
55            if (gallerySwiper.isEnd) {
56                gallerySwiper.slideTo(0);
57            } else {
58                gallerySwiper.slideNext();
59            }
60            event.preventDefault();
61        });
62
63
64        $('#gallery_wrapper_' + selectorId).magnificPopup({
65            delegate: 'a',
66            type: 'image',
67            gallery: {
68                enabled: true
69            }
70        });
71
72        $('#gallery_' + selectorId).click(function(event) {
73            //$('#gallery_wrapper_' + selectorId).magnificPopup('open', gallerySwiper.activeIndex);
74            event.preventDefault();
75        });
76    },
77}