Aller au contenu

Image Avant/Après

Découvrez comment réaliser un effet de comparaison “Avant/Après” entre deux images.

Comparaison avant/après

Insérez le composant Image Avant/Après depuis la liste des composants. Dans les propriétés, choisissez l’image de gauche et celle de droite. Assurez-vous qu’elles soient de la même taille.

Propriétés avant/après

Pour afficher l’image avant/après, vous devez rentrer à l’intérieur du composant. Double-cliquez sur la zone du composant.

Double-cliquez pour entrer

Voici les propriétés du composant Image Avant/Après :

  • Vertical : choisissez si votre curseur est placé verticalement ou horizontalement
  • Couleur de ligne : choisissez la couleur de votre curseur
  • Largeur de ligne : choisissez l’épaisseur du curseur.
  • Poignée : affichez ou non la poignée du curseur

Vous pouvez ajouter un ou plusieurs marqueurs pour déclencher des actions et aller à un endroit. Il est également possible de synchroniser cette image avant/après avec un autre composant.

💡 Si vous ne voulez pas afficher le curseur, il suffit d’enlever la poignée et de mettre la largeur de ligne à 0.