Carrousel d’image (plus)

L’élément Carrousel d’image (plus) permet d’afficher plusieurs images en défilement automatique ou non.

Une fois que vous avez glissé l’élément “Carrousel d’image” en place, vous pouvez commencer à personnaliser l’élément. La fenêtre de paramètres s’ouvre automatiquement.

Général

• Photos : Choisissez vos photos, vous pouvez choisir l’ordre d’affichage en glissant les photos
• Taille de la photo : Vignette, Moyen, Plein(e)
• Espace entre les photos : Écrire en pixel la dimension 

Nombre de photo à afficher

• Grille d’ordinateur de bureau : 1 à 10 colonnes
• Grille d’appareils moyens : 1 à 10 colonnes
• Grille sur petits appareils : 1 à 10 colonnes

Configurations de photo

• Montrer le sous-titre : Jamais, Au survol, Sous la photo

• Action du clic : Aucun/e, Visionneuse, Lien personnalisé de la photo

Carrousel

Filtre de carrousel

• Images à défiler : Choisir le nombre d’image
• Défilement d’image en lecture automatique : Oui, Non (si vous choisissez oui, vous devrez choisir la vitesse)
• Lecture en boucle infini : Oui, Non
• Activer l’action automatique : Oui, Non
• Activer les flèches : Oui, Non

En choisissant oui, d’autres options s’ajoutent

• Position de la flèche : Extérieur, Intérieur
• Style de la flèche : Arrière-Plan en carré, Arrière-plan en cercle, Bordure du carré, Bordure du cercle
• Couleur de l’arrière-plan de la flèche : Choisissez la couleur
• Opacité : Écrire un chiffre en pourcentage

Style

• Effet de survol de l’image : Choisissez parmi plusieurs options

Superposition

• Couleur de superposition  : Choisissez la couleur
• Opacité :  Écrire un chiffre en pourcentage
• Icône en superposition : Désactivé, Activé

En choisissant Activé, d’autres options s’ajoutent

Taille d’icône en superposition :  Écrire en pixel la dimension 

Couleur d’icône en superposition : Choisissez la couleur

Typographie

Caption

• Tag : Choisissez de H1 à H6, div, p, span
• Police : Choisissez votre police
• Taille de la police : choisissez la taille de la police en pixel
• Interligne : Choisissez l’espace entre les lignes
• Couleur : Choisissez la couleur
• Transforme : Défaut, Lettres majuscules, Lettres minuscules, Première Lettre de chaque mot en majuscule
• Espace entre les lettres : Choisissez l’espace entre les lettres

Avancé

• Marges extérieuresDu haut, du bas, de gauche, de droite, les quatre côtés sont configurables indépendamment l’un de l’autre.  L’ajustement des marges extérieures permet de créer des espaces entre les différentes rangées et de modifier la largeur d’affichage indépendamment des configurations du thème.
• Présentation adaptative
  La présentation adaptative permet de contrôler l’affichage d’une rangée selon le type d’appareil à partir duquel on accède au site.
• Animation
  Style : Choisissez le type d’animation. Essayez-les et sélectionnez celle qui vous convient.
  Délai : Choisissez en seconde, le délai avant que l’animation ne débute.
• Sélecteur CSS
  Permets d’associer la rangée à un code CSS spécifique. Configurer l’ID ou la Classe selon votre besoin.

N’oubliez surtout pas de sauvegarder vos changements.