Carrousel d’images
Le carrousel affiche vos images une à une, dans un cadre de format fixe, avec un défilement automatique. Chaque diapositive peut recevoir un titre, un texte et un lien, pour une présentation fluide et dynamique.
Ajout d’un carrousel sur la page
- Dans la palette, rubrique Média, glissez la carte « Carrousel » sur votre page.
- Dans l'inspecteur, cliquez sur « Editer les photos » pour importer vos images : chaque image est placée sur une diapositive.
- Organisez vos diapositives par glisser-déposer (ajout, suppression, réorganisation).
Personnalisation des diapositives
Chaque diapositive se règle individuellement, dans l'onglet « Diapositives » :
- Image d'arrière-plan de la diapositive : choisissez l'image, ou remplacez-la avec « Changer l'image ».
- Titre et texte de la diapositive : ils s'affichent dans un bloc de texte posé sur l'image.
- Lien associé à la diapositive : un clic sur la diapositive ouvre ce lien.
- Widget associé à la diapositive : affiche un widget de page par-dessus la diapositive.
Propriétés générales
Les réglages suivants s'appliquent à toutes les diapositives, dans l'onglet « Propriétés générales » :
- Format du carrousel : le rapport entre la largeur et la hauteur du cadre, ou une hauteur fixe.
- Durée d'affichage de chaque diapositive : de 1 à 15 secondes.
- Type de transition : slide par slide, fondu, ou fondu avec effet KenBurns (un zoom lent sur l'image).
- Défilement automatique : au chargement de la page, ou désactivé.
- Flèches de contrôle : affichez-les ou non, et réglez leur taille et leurs couleurs.
- Superposer une couleur à l'image d'arrière-plan : un voile de couleur sur les images, utile pour la lisibilité du texte.
- Mode d'affichage des images du carrousel : « Remplir » couvre tout le cadre, quitte à recadrer l'image, « Ajuster » montre l'image entière.
Texte des diapositives
L'onglet « Propriétés du texte associé aux diapositives » règle le bloc qui affiche le titre et le texte sur chaque diapositive : son affichage, sa position sur l'image, son arrière-plan (couleur, coins, marges extérieure et intérieure), sa largeur et sa hauteur, ainsi que la fonte, la couleur et la taille du titre et du texte.
Miniatures associées au carrousel
Le carrousel peut être accompagné d’une rangée de miniatures (ou vignettes), réglée dans l'onglet « Affichage des miniatures ». Celles-ci reprennent les images des diapositives et permettent une navigation rapide :
- Le visiteur clique sur une miniature pour afficher directement la diapositive correspondante.
- Les miniatures se mettent automatiquement à jour si vous ajoutez, supprimez ou réorganisez vos images.
- Elles offrent une meilleure visibilité du contenu du carrousel, surtout si celui-ci contient de nombreuses images.