https://www.mairie-flavigny-sur-moselle.fr/js/functions.js?d=1776841319

1jQuery(window).ready( function() {
2    var swiperDiaporama = new Swiper('.swiper-diaporama', {
3        effect: "slide",
4        loop: true,
5        autoplay: {
6            delay: 5000,
7            disableOnInteraction: false,
8        },
9        breakpoints: {
10            575: {
11                effect: "creative",
12                creativeEffect: {
13                    prev: {
14                        shadow: true,
15                        translate: ["-20%", 0, -1],
16                    },
17                    next: {
18                        translate: ["100%", 0, 0],
19                        shadow: true,
20                    },
21                },
22                speed: 500,
23
24            },
25        },
26        navigation: {
27            nextEl: ".swiper-button-next",
28            prevEl: ".swiper-button-prev"
29        },
30
31    });
32
33    jQuery('#mainMenu .dropdown').hover(function() {
34        jQuery(this).find('.dropdown-menu').first().stop(true, true).delay(250).slideDown();
35
36    }, function() {
37        jQuery(this).find('.dropdown-menu').first().stop(true, true).delay(100).slideUp();
38    });
39});
40
41
42document.addEventListener("DOMContentLoaded", function(){
43    window.addEventListener('scroll', function() {
44        if (window.scrollY > 50) {
45            jQuery('#mainHeader').addClass('fixed-top');
46        } else {
47            jQuery('#mainHeader').removeClass('fixed-top');
48        }
49    });
50});
51
52function ficheGallerySlider() {
53
54    if ( jQuery('.gallery-thumbs').length > 0 ) {
55        var galleryThumbs = new Swiper(".gallery-thumbs", {
56            centeredSlides: false,
57            centeredSlidesBounds: false,
58            slidesPerView: 5,
59            watchOverflow: false,
60            watchSlidesVisibility: false,
61            watchSlidesProgress: false,
62            direction: 'horizontal',
63            spaceBetween: 10,
64        });
65    }
66
67    var galleryMain = new Swiper(".gallery-main", {
68        watchOverflow: true,
69        watchSlidesVisibility: true,
70        watchSlidesProgress: true,
71        preventInteractionOnTransition: true,
72        navigation: {
73            nextEl: '.swiper-button-next',
74            prevEl: '.swiper-button-prev',
75        },
76        effect: 'slide',
77        fadeEffect: {
78            crossFade: true
79        },
80        thumbs: {
81            swiper: galleryThumbs
82        }
83    });
84
85    galleryMain.on('slideChangeTransitionStart', function() {
86        galleryThumbs.slideTo(galleryMain.activeIndex);
87    });
88
89    if ( jQuery('.gallery-thumbs').length > 0 ) {
90
91        galleryThumbs.on('transitionStart', function () {
92            galleryMain.slideTo(galleryThumbs.activeIndex);
93        });
94    }
95
96}