/* Styles de base pour tous les appareils */ .carousel { width: 100%; max-width: 400px; /* Largeur maximale par défaut */ margin: 0 auto; /* Centre le carrousel */ } .carousel img { width: 100%; height: auto; /* Conserve le ratio d’aspect des images */ border-radius: 0; /* Pas de bordure arrondie */ } /* Styles pour les flèches de navigation (optionnel) */ .slick-prev, .slick-next { z-index: 1; } .slick-prev { left: 10px; } .slick-next { right: 10px; } /* Styles pour les points de navigation (optionnel) */ .slick-dots { bottom: 10px; } /* Styles spécifiques pour les mobiles (max-width: 400px) */ @media (max-width: 400px) { .carousel { max-width: 100; /* Le carrousel prend toute la largeur sur mobile */ } } .slick-prev, .slick-next { display: none; /* Masquer les flèches sur mobile */ } } jQuery(document).ready(function($) { $(‘.carousel’).slick({ dots: false, // Masquer les points de navigation arrows: false, // Masquer les flèches de navigation infinite: true, // Boucle infinie speed: 1000, // Vitesse de transition slidesToShow: 1, // Nombre d’images à afficher slidesToScroll: 1, // Nombre d’images à faire défiler autoplay: true, // Défilement automatique autoplaySpeed: 1800, // Vitesse du défilement automatique }); });