https://ville-saint-omer.fr/themes/stomer_theme/js/home.js?v=1.x

1window.addEventListener("load", function(){
2    const sliderImgHp = document.querySelectorAll('.banner-slider__img');
3    let slideCurrent;
4    let index = 0;
5
6    function sliderFade(nb, slides){
7        slideCurrent = slides;
8        if (slideCurrent) {
9            index = index + nb;
10            if (index > slides.length - 1){
11                index = 0;
12                slides[slides.length-1].classList.remove("banner-slider__img--current");
13            } else{
14                slides[index-1].classList.remove("banner-slider__img--current");
15            }
16
17            if (index < 0) index = slides.length - 1;
18
19            slides[index].classList.add("banner-slider__img--current");    
20        }
21    }
22
23    function autoplaySlider(slider){
24        setInterval(function() { sliderFade(1, slider); }, 3000);
25    }
26    if(typeof sliderImgHp !== "undefined" && sliderImgHp !== null && sliderImgHp.length > 0){
27        autoplaySlider(sliderImgHp);
28    }
29
30    /* SLIDER MOB HP
31    const swiffySliderActus = document.querySelector('.swiffy-slider-actus');
32    const parametersSliderMob = ['swiffy-slider', 'slider-indicators-sm', 'slider-indicators-outside','slider-nav-outside','slider-nav-visible','slider-indicators-round','slider-nav-noloop','slider-item-first-visible','slider-nav-autohide'];
33    
34    function sliderOnMobile(nameOfSlider){
35        if(window.matchMedia("(max-width: 1023px)").matches){
36            for(let i = 0; i < parametersSliderMob.length; i++){
37                nameOfSlider.classList.add(parametersSliderMob[i]);
38            }
39            swiffyslider.init();
40        }
41    }
42
43    sliderOnMobile(swiffySliderActus); */
44
45    var publicationNext = document.querySelector(".slider-kiosque-button-next");
46    if(typeof publicationNext !== "undefined" && publicationNext !== null){
47        publicationNext.addEventListener("click", slidePublicationNext);
48    }
49     var publicationPrev = this.document.querySelector(".slider-kiosque-button-prev");
50    if(typeof publicationPrev !== "undefined" && publicationPrev !== null){
51        publicationPrev.addEventListener("click", slidePublicationPrev);
52    }
53});
54
55function slidePublicationNext(){
56    let sliderItemCurrent = document.querySelector(".slider-item--current");
57    let sliderItemNext = document.querySelector(".slider-item--next");
58    let sliderItemNext2 = document.querySelector(".slider-item--next-2");
59    let sliderItemNext3 = document.querySelector(".slider-item--next-3");
60    let sliderItemPrev3 = document.querySelector(".slider-item--prev-3");
61    let sliderItemPrev2 = document.querySelector(".slider-item--prev-2");
62    let sliderItemPrev = document.querySelector(".slider-item--prev");
63
64    sliderItemCurrent.classList.remove("slider-item--current");
65    sliderItemCurrent.classList.add("slider-item--prev");
66    sliderItemNext.classList.remove("slider-item--next");
67    sliderItemNext.classList.add("slider-item--current");
68    sliderItemNext2.classList.remove("slider-item--next-2");
69    sliderItemNext2.classList.add("slider-item--next");
70    sliderItemNext3.classList.remove("slider-item--next-3");
71    sliderItemNext3.classList.add("slider-item--next-2");
72    sliderItemPrev3.classList.remove("slider-item--prev-3");
73    sliderItemPrev3.classList.add("slider-item--next-3");
74    sliderItemPrev2.classList.remove("slider-item--prev-2");
75    sliderItemPrev2.classList.add("slider-item--prev-3");
76    sliderItemPrev.classList.remove("slider-item--prev");
77    sliderItemPrev.classList.add("slider-item--prev-2");
78
79    let nextTitre = sliderItemNext.getAttribute("data-titre");
80    let nextDatePub = sliderItemNext.getAttribute("data-date-publication");
81    let nextTexteInfo = sliderItemNext.getAttribute("data-texte-info");
82    let nextPDF = sliderItemNext.getAttribute("data-pdf");
83    let nextUrlPDF = sliderItemNext.getAttribute("data-url-pdf");
84    
85    let texteTitre = document.querySelector(".circle-slider h3");
86    let texteDatePublication = document.querySelector(".circle-slider .datePublication");
87    let texteInfo = document.querySelector(".circle-slider .texteInfo");
88    let pdfFeuilleter = document.querySelector(".block-kiosque .cta-container .feuilleter");
89    let pdfTelecharger = document.querySelector(".block-kiosque .cta-container .telecharger");
90
91    texteTitre.innerText = nextTitre;
92    texteDatePublication.innerText = nextDatePub;
93    texteInfo.innerText = nextTexteInfo;
94    pdfFeuilleter.setAttribute("href", nextPDF);
95    pdfTelecharger.setAttribute("href", nextUrlPDF);
96    pdfTelecharger.setAttribute("download", nextTitre);
97}
98
99function slidePublicationPrev(){
100    let sliderItemCurrent = document.querySelector(".slider-item--current");
101    let sliderItemNext = document.querySelector(".slider-item--next");
102    let sliderItemNext2 = document.querySelector(".slider-item--next-2");
103    let sliderItemNext3 = document.querySelector(".slider-item--next-3");
104    let sliderItemPrev3 = document.querySelector(".slider-item--prev-3");
105    let sliderItemPrev2 = document.querySelector(".slider-item--prev-2");
106    let sliderItemPrev = document.querySelector(".slider-item--prev");
107
108    sliderItemCurrent.classList.remove("slider-item--current");
109    sliderItemCurrent.classList.add("slider-item--next");
110    sliderItemNext.classList.remove("slider-item--next");
111    sliderItemNext.classList.add("slider-item--next-2");
112    sliderItemNext2.classList.remove("slider-item--next-2");
113    sliderItemNext2.classList.add("slider-item--next-3");
114    sliderItemNext3.classList.remove("slider-item--next-3");
115    sliderItemNext3.classList.add("slider-item--prev-3");
116    sliderItemPrev3.classList.remove("slider-item--prev-3");
117    sliderItemPrev3.classList.add("slider-item--prev-2");
118    sliderItemPrev2.classList.remove("slider-item--prev-2");
119    sliderItemPrev2.classList.add("slider-item--prev");
120    sliderItemPrev.classList.remove("slider-item--prev");
121    sliderItemPrev.classList.add("slider-item--current");
122
123    let nextTitre = sliderItemPrev.getAttribute("data-titre");
124    let nextDatePub = sliderItemPrev.getAttribute("data-date-publication");
125    let nextTexteInfo = sliderItemPrev.getAttribute("data-texte-info");
126    let nextPDF = sliderItemPrev.getAttribute("data-pdf");
127    let nextUrlPDF = sliderItemPrev.getAttribute("data-url-pdf");
128
129    
130    let texteTitre = document.querySelector(".circle-slider h3");
131    let texteDatePublication = document.querySelector(".circle-slider .datePublication");
132    let texteInfo = document.querySelector(".circle-slider .texteInfo");
133    let pdfFeuilleter = document.querySelector(".block-kiosque .cta-container .feuilleter");
134    let pdfTelecharger = document.querySelector(".block-kiosque .cta-container .telecharger");
135
136    texteTitre.innerText = nextTitre;
137    texteDatePublication.innerText = nextDatePub;
138    texteInfo.innerText = nextTexteInfo;
139    pdfFeuilleter.setAttribute("href", nextPDF);
140    pdfTelecharger.setAttribute("href", nextUrlPDF);
141    pdfTelecharger.setAttribute("download", nextTitre);
142}