slick home diap

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

@@ -3,7 +3,7 @@ document.addEventListener('scroll', function() {
     const background = document.getElementById('background-animated');
     if (background) {
       // Adjust this value to control the speed of the parallax effect
-      const parallaxSpeed = 0.2;
+      const parallaxSpeed = 0.5;
       background.style.transform = 'translateY(' + (scrolled * parallaxSpeed) + 'px)';
     }
 });

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

@@ -561,32 +561,36 @@
 
   ////////////////////// end  diaporama home swiper /////////////////////////////////
 
-  $(document).ready(function(){
+  $(document).ready(function () {
     let diapohome = $('.config_pages--type--diaporama-home .diaporama');
-    if (diapohome) {
-      diapohome.slick({
-        slidesToShow: 1,
-        dots: false,
-        arrows: false,
-        centerMode: false,  // Désactivé pour éviter les sauts
-        adaptiveHeight: false,  // Désactivé pour éviter les changements de hauteur
-        autoplay: true,
-        autoplaySpeed: 2000,
-        infinite: true,
-        responsive: [
-          {
-            breakpoint: 810,
-            settings: {
-              slidesToShow: 1,
-              adaptiveHeight: false,
-              arrows: true,
-              draggable: true,
-              centerMode: true,  // Désactivé seulement pour les petits écrans
-            }
-          }]
-      });
-      console.log('Diaporama initialisé');
-    }
+
+    if (diapohome.length) {
+        // Initialisation de Slick
+        diapohome.slick({
+            slidesToShow: 1,
+            dots: false,
+            arrows: false,
+            centerMode: true,
+            adaptiveHeight: true,
+            autoplay: true,  // Activer l'autoplay
+            autoplaySpeed: 4000,  // Changement de slide toutes les 4 secondes
+            infinite: true,
+            pauseOnHover: false,  // Ne pas arrêter l'autoplay lors du survol
+            pauseOnFocus: false,
+            responsive: [
+                {
+                    breakpoint: 810,
+                    settings: {
+                        slidesToShow: 1,
+                        adaptiveHeight: false,
+                        arrows: false,
+                        draggable: true,
+                        centerMode: false,
+                    }
+                }]
+        });
+
+  }
 });
 
 

web/themes/custom/quartiers_de_demain/src/assets/scss/pages/home.scss

@@ -13,7 +13,11 @@
                         img{
                             width: 100%;
                             height: auto;
-                            animation: zoomOut 2.5s ease-in infinite;
+                            // animation: zoomOut infinite 4.3s ease-in-out;
+                            animation-duration: 4.5s;
+                            animation-name: zoomOut;
+                            animation-iteration-count: infinite;
+                            
                         }
                     }
                     blockquote{
@@ -28,10 +32,10 @@
                     
                     @keyframes zoomOut {
                         0% {
-                            transform: scale(1);
+                            transform: scale(1.1);
                             }
                             100% {
-                            transform: scale(1.05);
+                            transform: scale(1.3);
                             }
                     }