Diapositive Avant-Après (plus)

L’élément Diapositive Avant-Après (plus)  permet de comparer en un mouvement dynamique une photo en couleur et une photo en noir et blanc, ou une photo avant rénovation et après rénovation et plus encore.

Une fois que vous avez glissé l’élément “Diapositive Avant-Après (plus)” en place, vous pouvez commencer à personnaliser l’élément. La fenêtre de paramètres s’ouvre automatiquement.

Général

Avant

• Sélectionnez l’image « Avant » : Médiathèque, URL
• Photo : Sélectionner la photo
• L’étiquette de texte « Avant » : Écrivez le texte

Après

• Sélectionnez l’image « Après : Médiathèque, URL
• Photo : Sélectionner la photo
• L’étiquette de texte « Après » : Écrivez le texte

Styles

• Orientation du Avant-Après : Horizontal, Vertical
• Alignement général : Gauche, Droit(e), Centre
• Se déplace au survol : Oui, Non
• Décalage initiale de poignées de comparaison : choisir le chiffre de décallage
• Épaisseur des poignées de comparaison : Écrire l’épaisseur en pixel
• Couleur de superposition du diaporama : Choisissez la couleur
• Opacité de la couleur de superposition : Écrire un chiffre en pourcentage
• Afficher les options avancées : Oui, Non

Si vous choisissez oui, voici les configurations additionnelles.

• Largeur de cercle de comparaison : Écrire l’épaisseur en pixel
• Rayon du cercle de comparaison : Écrire l’épaisseur en pixel
• Taille du Triangle de comparaison : Écrire l’épaisseur en pixel
• Couleur du Triangle de comparaison : Choisissez une couleur
• Ombrage des poignées de comparaison : Oui, Non, si vous choisissez oui, vous devrez choisir la taille et la couleur

Étiquette

Typographie de l’étiquette

• Police : Choisissez votre police
• Taille de la police : choisissez la taille de la police en pixel
• Interligne : Choisissez l’espace entre les lignes
• Couleur de l’étiquette: Choisissez la couleur
• Couleur d’arrière-plan de l’étiquette : Choisissez la couleur
• Transforme : Défaut, Lettres majuscules, Lettres minuscules, Première Lettre de chaque mot en majuscule
• Marges intérieure de l’étiquette : Écrire la dimension en pixel
• Espace entre les lettres : Choisissez l’espace entre les lettres

Description avant

• Police : Choisissez votre police
• Taille de la police : choisissez la taille de la police en pixel
• Interligne : Choisissez l’espace entre les lignes
• Couleur de la description : Choisissez la couleur
• Couleur en survol/focus : 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
• Marges du haut : Écrire la dimension en pixel
• Marges du bas : Écrire la dimension en pixel

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.
• Visibilité : Choisissez à quel type d’utilisateur vous désirez que le contenu soit visible
• 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 HTML