templates/home/1/newSVS.js line 1

Open in your IDE?
  1. const progressCircle = document.querySelector(".autoplay-progress svg");
  2. const progressContent = document.querySelector(".autoplay-progress span");
  3. var swiperImg = new Swiper(".swiperImg", {
  4.   effect:"fade",
  5.   lazy: {
  6.     loadPrevNext: true, // Charger les images précédentes et suivantes en même temps
  7.   },
  8.   spaceBetween: 0,
  9.   centeredSlides: true,
  10.   autoplay: {
  11.     delay: 3200,
  12.     disableOnInteraction: false
  13.   },
  14.   pagination: {
  15.     el: ".swiper-pagination",
  16.     clickable: true
  17.   },
  18.   navigation: {
  19.     nextEl: ".swiper-button-next",
  20.     prevEl: ".swiper-button-prev"
  21.   },
  22.   /*
  23.   on: {
  24.     autoplayTimeLeft(s, time, progress) {
  25.       progressCircle.style.setProperty("--progress", 1 - progress);
  26.       progressContent.textContent = `${Math.ceil(time / 1000)}s`;
  27.     }
  28.   }
  29.   */
  30. });
  32. // Référence Slider 3
  33. var swiperX = new Swiper(".mySwiperX", {
  34.     autoplay: {
  35.       delay: 0,
  36.     },
  38.     on: {
  39.       slideChange: function () {
  40.         // Récupérer l'index du slide actif
  41.         const activeIndex = this.activeIndex;
  42.         console.log(activeIndex);
  43.       }
  44.     },
  46.     speed: 4000, // Valeur en millisecondes, ajustez selon votre préférence
  48.     //slidesPerView: 1,
  49.     //spaceBetween: 0,
  51.     pagination: {
  52.       el: ".swiper-paginationR",
  53.       clickable: true,
  54.     },
  55.     breakpoints: {
  56.       640: {
  57.         slidesPerView: 2,
  58.         spaceBetween: 0,
  59.       },
  60.       768: {
  61.         slidesPerView: 4,
  62.         spaceBetween: 0,
  63.       },
  64.       1024: {
  65.         slidesPerView: 5,
  66.         spaceBetween: 0,
  67.       },
  68.     },
  69. });