https://www.intersoft-consulting.de/wp-content/themes/intersoft-co…/referenceslider/swiper.js?ver=1787217955

1document.addEventListener("DOMContentLoaded", () => {
2  document.querySelectorAll(".px-referenceslider .swiper").forEach((el) => {
3
4    const slides = el.querySelectorAll(".swiper-slide");
5
6    if (slides.length <= 3) {
7      const navButton = el.closest(".px-referenceslider").querySelector(".navButton");
8      if (navButton) navButton.style.display = "none";
9      el.classList.add("is-static");
10      return;
11    }
12
13    const swiper = new Swiper(el, {
14      direction: "horizontal",
15      // Slides sind <li> in einer <ul> - Swipers Default slideRole "group"
16      // ist fuer <li> keine erlaubte ARIA-Rolle (axe: aria-allowed-role).
17      a11y: {
18        slideRole: "listitem",
19      },
20      loop: true,
21      autoplay: {
22        delay: 5000,
23        disableOnInteraction: false,
24      },
25      breakpoints: {
26        450: {
27          slidesPerView: 1,
28          spaceBetween: 15,
29        },
30        640: {
31          slidesPerView: 2,
32          spaceBetween: 20,
33        },
34        1024: {
35          slidesPerView: 3.3,
36          spaceBetween: 30,
37        }
38      },
39      spaceBetween: 15,
40      zoom: true,
41      pagination: {
42        el: el.querySelector(".swiper-pagination"),
43        clickable: true,
44      },
45      navigation: {
46        nextEl: el.querySelector(".btn-next"),
47        prevEl: el.querySelector(".btn-prev"),
48      },
49      scrollbar: {
50        el: el.querySelector(".swiper-scrollbar"),
51        draggable: true,
52      },
53    });
54  });
55});