templates/transportdefond/4/newSVS.js line 1

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