Retour à l’assistance Contenu et médias Blocs Bloc Comparer des images

Bloc Comparer des images

Utilisez le bloc Comparer des images pour placer deux images côte à côte (ou l’une au-dessus de l’autre) et utilisez un curseur pour révéler les différences entre les deux images. Voici un exemple :

Bloc Comparer des images

Pour ajouter un bloc Comparer des images, cliquez sur l’icône d’insertion de bloc pour ouvrir la bibliothèque de blocs et sélectionnez le bloc Comparer des images.

Des instructions détaillées sur l’ajout de blocs sont disponibles ici.

GIF montrant le processus d’ajout d’un bloc Comparer des images
Ajout du bloc Comparer des images

Le bloc fonctionne mieux avec deux images de même largeur et de même hauteur.

Vous pouvez glisser-déposer des images dans le bloc pour les emplacements avant et après. Vous pouvez également cliquer sur le bouton Téléverser ou sélectionner des images déjà chargées à partir de votre bibliothèque de médias :

Bloc Comparer des images - chargement d’images
Ajout d’images au bloc Comparer des images

Vous pourrez ajouter une légende au bloc après avoir chargé vos images.

Si vous chargez les mauvaises images ou souhaitez modifier l’ordre, vous devez supprimer le bloc et recommencer.


Réglages du bloc

Pour chaque bloc, la colonne latérale de l’éditeur contient des options spécifiques en plus de celles disponibles dans la barre d’outils du bloc. Si la colonne latérale ne s’affiche pas, cliquez sur l’icône en forme de pignon en regard du bouton Publier.

Les réglages du bloc sont disponibles dans la colonne latérale.
Réglages du bloc

Réglages de l’orientation

À l’aide des réglages de l’orientation, vous pouvez passer de l’orientation côte à côte à l’orientation l’un au-dessus de l’autre :

Réglages du bloc Comparer des images
Réglages du bloc Comparer des images

Avancé

L’onglet Avancé vous permet d’ajouter une classe CSS à votre bloc. Vous pouvez ainsi écrire un CSS personnalisé et configurer le style du bloc. En savoir plus.

La section avancée vous permet d’ajouter une classe CSS à votre bloc.
La section avancée vous permet d’ajouter une classe CSS à votre bloc.
Copied to clipboard!