Image avant/après

L'élément Image avant/après crée un comparatif visuel entre deux images superposées. Le visiteur déplace un curseur central pour révéler progressivement la seconde image. C'est un format très utilisé pour montrer une transformation (avant/après retouche, restauration, soin, rénovation…).

Charger les deux images

Le panneau latéral affiche deux emplacements Image n°1 et Image n°2. Pour chacun :

• Si aucune image n'est chargée, glissez-déposez ou cliquez pour importer un fichier.
• Si une image est déjà présente, l'outil de recadrage s'affiche pour ajuster le cadrage. Le bouton Modifier l'image permet de la remplacer.

Les deux images doivent partager les mêmes proportions (déterminées par les dimensions du bloc sur la canvas), sinon la comparaison serait visuellement déséquilibrée.

Style

Le panneau de style regroupe l'arrière-plan, les bordures, l'arrondi des angles, l'ombre, les marges intérieures, les filtres et les transitions. La rubrique Maquette y figure également : l'appareil choisi encadre l'ensemble de la comparaison, et le curseur reste manipulable à l'intérieur de l'écran.