Le composant Image Avant/Après
Découvrez comment réaliser un effet de comparaison "Avant/Après" entre deux images.
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.
Pour afficher l'image avant/après, vous devez rentrer à l'intérieur du composant. Double-cliquez sur la zone du composant.
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.