Carrousel de services
Le carrousel de services présente vos services, offres ou réalisations dans un carrousel d'images interactif avec titre, description et bouton d'action.
Options disponibles
| Option | Description |
|---|---|
| Titre | Titre de la section |
| Éléments | Jusqu'à 10 slides (image, titre, sous-titre, description, lien) |
| Mode d'affichage | Peek centre, Peek gauche, Pleine largeur, Empilé, Coverflow |
| Ratio d'image | Portrait, Paysage, Carré, Large |
| Position du texte | Superposé, En dessous, Masqué |
| Alignement texte | Gauche, Centre, Droite |
| Points de navigation | Afficher/masquer |
| Flèches | Afficher/masquer |
| Lecture auto | Activer + vitesse (en secondes) |
| Espacement | Aucun, SM, MD, LG |
| Arrondi | Aucun à 2XL |
| Ombre | Aucune à XL |
| Fond | Configuration du fond personnalisable |
Modes d'affichage
Peek Centre
La slide active est centrée avec les slides adjacentes visibles partiellement sur les côtés. Effet de profondeur avec opacité et échelle configurables.
Peek Gauche
La slide active est alignée à gauche, la suivante est partiellement visible à droite.
Pleine largeur
Chaque slide occupe toute la largeur disponible.
Empilé
Les slides sont superposées avec un effet de pile.
Coverflow
Effet 3D inspiré d'iTunes avec rotation perspective des slides adjacentes.
Effets Peek
Pour les modes Peek, vous pouvez ajuster :
| Effet | Plage | Description |
|---|---|---|
| Opacité | 0.3 - 1.0 | Transparence des slides adjacentes |
| Échelle | 0.8 - 1.0 | Taille réduite des slides adjacentes |
| Flou | On/Off | Flou gaussien sur les slides adjacentes |
Configuration d'un élément
| Champ | Description |
|---|---|
| Image | Photo ou illustration du service |
| Titre | Nom du service |
| Sous-titre | Information complémentaire |
| Description | Détail du service |
| Lien | URL de destination |
| Texte du lien | Texte du bouton d'action |
Les éléments sont réorganisables par glisser-déposer. Chaque image peut être recadrée directement dans l'éditeur.
Navigation
- Flèches : Boutons gauche/droite pour naviguer
- Points : Indicateurs cliquables en bas du carrousel
- Swipe : Geste tactile sur mobile (distance minimum : 50px)
- Lecture auto : Défilement automatique avec vitesse configurable
Bonnes pratiques
- Utilisez des images de même dimension pour un rendu cohérent
- Le mode Peek Centre est le plus visuellement attrayant
- 3 à 6 éléments est idéal pour un carrousel
- Ajoutez toujours un lien d'action sur chaque slide
- Le ratio Portrait est idéal pour les services, Paysage pour les projets