diaporama home js et css

web/themes/custom/quartiers_de_demain/src/assets/js/quartiers_de_demain.js

@@ -297,9 +297,9 @@
       if (window.innerWidth <= 600) {
         return 1; // Show 1 slide on small screens
       } else if (window.innerWidth <= 900) {
-        return 2; // Show 2 slides on medium screens
+        return 4; // Show 2 slides on medium screens
       } else {
-        return 2; // Show 3 slides on large screens
+        return 4; // Show 3 slides on large screens
       }
     }
 
@@ -455,37 +455,6 @@ observer.observe(document.body, config);
 
   });
 
-
-  // $(document).ready(function(){
-  //   $('.config_pages--type--diaporama-home .field_field_images').slick({
-  //     slidesToShow: 3,
-  //     // slidesToScroll: 1,
-  //     dots: false,
-  //     arrows: false,
-  //     centerMode: true,
-  //     adaptiveHeight: true,
-  //     autoplay: true,
-  //     autoplaySpeed: 1500,
-  //     infinite: true,
-  //     // centerPadding: '100px',
-  //     responsive: [
-  //       {
-  //         breakpoint: 810,
-  //         settings: {
-  //           slidesToShow: 1,
-  //           adaptiveHeight: false,
-  //           arrows: true,
-  //           draggable: true,
-  //           centerMode: true,
-  //           autoplay: true,
-  //           autoplaySpeed: 2000,
-  //         }
-  //       }]
-  //   });
-  //   console.log('salut slick home');
-
-// });
-
       ////////////////////// start  diaporama home swiper  /////////////////////////////////
  
       $(document).ready(function () {
@@ -501,28 +470,7 @@ observer.observe(document.body, config);
           },
           direction: 'horizontal',
           loop: true,
-
-          // zoom: {
-          //   maxRatio: 5,
-          // },
-          
-           // If we need pagination
-          // pagination: {
-          //   el: '.swiper-pagination',
-          // },
-      
-          // Navigation arrows
-          // navigation: {
-          //   nextEl: '.swiper-button-next',
-          //   prevEl: '.swiper-button-prev',
-          // },
-      
-          // And if we need scrollbar
-          // scrollbar: {
-          //   el: '.swiper-scrollbar',
-          // },
         })
-        // swiper.autoplay();
       });
   
       ////////////////////// end  diaporama home swiper /////////////////////////////////