Carrousel d'images
Un carrousel d'images devrait faire plus que simplement glisser (diapositive carousel) Il devrait s'engager L'élément Master Addons Image Carousel transforme vos galeries en expériences interactives Allez au-delà des curseurs de base avec des commandes affinées pour la navigation, des animations fluides et un style profond pour chaque état Créez des mises en page multi-colonnes, activez une boîte à lumière magnifique et stylisez les flèches, les points et les éléments exactement pour correspondre à votre marque Qu'il s'agisse d'un portfolio, de photos de produits ou de logos clients, ce carrousel vous donne les outils pour le rendre professionnel et fonctionner parfaitement.
Mise en page avancée et contrôle du comportement
Prenez le contrôle total de l'apparence et du comportement de votre carrousel Choisissez une disposition Carrousel ou Coverflow Définissez des diapositives par colonne pour les affichages en forme de grille et définissez le nombre de diapositives à faire défiler Activez des fonctionnalités comme la lecture automatique, la boucle, le mode central et même un curseur de prise pour le glisser interactif L'option Observer garantit qu'elle fonctionne parfaitement à l'intérieur des onglets ou des accordéons Il ne s'agit pas seulement d'un carrousel ; c'est un élément entièrement accessible à l'utilisateur.
- Dispositifs flexibles : créez des grilles à plusieurs rangées ou des curseurs horizontaux classiques avec un contrôle total sur les colonnes et le défilement.
- Interactions fluides : définissez la vitesse de lecture automatique, la vitesse d'animation et activez la pause sur le vol stationnaire pour un comportement convivial.
- Caractéristiques adaptatives intelligentes : utilisez la hauteur automatique pour éviter les espaces vides gênants et Observer pour le faire fonctionner dans des conteneurs cachés.
Stylez chaque partie, dans chaque État
Faites de votre carrousel une partie parfaite de votre conception Ne vous contentez pas de coiffer les images dans le style du conteneur pour chaque élément Définissez des arrière-plans, des bordures, des ombres et un remplissage uniques pour les états Normal, Hover et Actif Ajustez l'écart entre les éléments et l'opacité globale Ce niveau de détail vous permet de créer des cartes interactives, de mettre en évidence la diapositive active et de fournir un retour visuel clair lorsque les utilisateurs interagissent.
- Commentaires interactifs : concevez des effets de vol stationnaire distincts (comme un ombrage ou un changement de couleur) pour impliquer les visiteurs.
- Surlignement actif de la diapositive : faites ressortir la diapositive centrale actuelle avec une bordure ou un arrière-plan différent.
- Contrôle visuel complet : personnalisez le rayon de bordure, l'ombre de boîte et le rembourrage pour un cadrage parfait des articles.
Navigation et Lightbox intégré
Guidez vos visiteurs correctement sur votre carrousel d'images Concevez une navigation élégante Arrow avec des icônes, des couleurs, des arrière-plans et un positionnement personnalisés (à l'intérieur, à l'extérieur).Cachez-les sur mobile pour un look plus propre Ensuite, activez votre galerie avec une Lightbox intégrée Personnalisez l'icône d'aperçu, la superposition et la typographie des légendes Choisissez entre Fancybox et Elementor pour ouvrir les images dans une belle expérience de visualisation en plein écran.
- Flèches de navigation personnalisées : les flèches de style de zéro changent de couleur, de taille, d'arrière-plan et de décalage horizontal.
- Mobile-Optimized : choisissez de masquer la flèche sur mobile et comptez sur les gestes de balayage pour une sensation native.
- Premium Lightbox : Offrez une vue zoomée avec des icônes et des superpositions personnalisables, transformant le carrousel en une galerie complète.
Foire aux questions pour le carrousel d'images
Quel est le principal avantage par rapport au carrousel d'images de base d'Elementor ?
Alors que le carrousel d'Elementor est bon pour les curseurs simples, Master Addons offre un contrôle beaucoup plus profond Les principaux avantages incluent : le style des articles de carrousel eux-mêmes (pas seulement des images), les dispositions multi-colonnes/rangées, le style basé sur l'état (Normal/Hover/Active), plus d'options de positionnement de navigation, une boîte à lumière personnalisable intégrée et la fonction Observer pour une utilisation dans les onglets/accordons.
Si j'active 'Hauteur automatique', mes images seront-elles étirées ou recadrées ?
No. Auto Height ajuste la hauteur globale du conteneur du carrousel pour correspondre à la diapositive la plus haute actuellement visible Vos images conserveront leur rapport hauteur/largeur en fonction de vos autres paramètres (comme “Image Size”). Il empêche les hauteurs fixes de créer de grands espaces vides si vous avez des images d'orientations portrait/paysage variables.
Puis-je l'utiliser pour un curseur de logo avec des niveaux de gris à colorer en vol stationnaire ?
Absolument ! c'est un cas d'utilisation parfait Téléchargez vos images de logo Dans l'onglet Articles de carrousel, définissez l'état normal Opacité ou utilisez un filtre CSS pour les rendre en niveaux de gris Ensuite, dans l'état de Hover, remettez l'opacité à 1 et retirez le filtre Le style de vol stationnaire intégré rend cet effet facile sans code personnalisé Ou vous pouvez utiliser notre élément Logo Slider pour créer un curseur de logo parfait aussi.
Comment fonctionne le paramètre « Observateur », et quand dois-je l'utiliser ?
L'Observateur surveille les changements dans le conteneur du carrousel Activez-le (défini sur Oui) lorsque vous placez le carrousel à l'intérieur d'une languette, d'un accordéon ou d'un widget à bascule, ou n'importe où où il est initialement caché Cela garantit que le carrousel restitue et fonctionne correctement au moment où un utilisateur clique pour révéler son conteneur parent S'il est cassé à l'intérieur d'une languette, cela le corrige généralement.
Avoir plusieurs carrousels avec lecture automatique sur une seule page entraînera-t-il des problèmes de performances ?
Il peut, si vous en avez beaucoup (comme 15+).Chaque carrousel de lecture automatique est un élément mobile que le navigateur doit animer Pour de meilleures performances, limitez la lecture automatique à votre carrousel de héros le plus important Pour d'autres, pensez à laisser les utilisateurs défiler manuellement Aussi, utiliser des tailles d'image optimisées (par le biais des paramètres de Résolution d'image) est crucial pour la vitesse.
Puis-je lier des éléments de carrousel à différentes URL au lieu de simplement la lightbox ?
La fonction principale affichée est pour une galerie d'images avec une lightbox Pour lier des éléments à des URL, vous devez utiliser l'élément Logo Carousel par Master Addons.
Widgets et extensions d'éléments tendance
Construisez des sites Web sophistiqués en moins de temps.
Glassmorphisme
Extras de conteneurs
Modèles
Duplicateur de messages/pages
