Curseur de comparaison d’images

Le bloc de curseur de comparaison d’images affiche deux images superposées, l’image au premier plan étant révélée par une séparation déplaçable afin que les clients puissent les comparer. Il est idéal pour les comparaisons avant-après. La comparaison commence au centre, à 50 %, et ne possède aucun réglage de hauteur ou de position fixe : la hauteur dépend du ratio, tandis que la position correspond à l’endroit où le client laisse la séparation.

Paramètres

Ajoutez le bloc à une section, puis configurez ses images, ses libellés et son ratio ci-dessous. Le bloc est regroupé dans la catégorie Média de l’éditeur de thème.

• Image avant et Image après : les deux images à comparer. Si l’une d’elles est laissée vide, le bloc affiche une image d’espace réservé à sa place.

• Texte du badge avant et Texte du badge après : un court badge affiché sur chaque image (par défaut, Avant et Après). Laissez un champ vide pour masquer le badge de cette image.

• Ratio mobile et Ratio bureau : la hauteur du bloc sur chaque appareil. Choisissez S’adapter à l’image pour utiliser le ratio de l’image sélectionnée, Portrait (4:5), Carré (1:1) ou Paysage (16:9). Avec S’adapter à l’image, le thème utilise le ratio de l’image avant, puis celui de l’image après, et utilise 16:9 si aucun ratio n’est défini. Les deux options sont réglées par défaut sur Carré (1:1).

• Utiliser l’arrondi intérieur : arrondit les coins du bloc (désactivé par défaut). Activez cette option pour afficher le réglage Style d’arrondi des bordures, qui permet de sélectionner l’un des trois styles d’arrondi.

• Activer la palette de couleurs : applique une palette de couleurs au bloc (désactivé par défaut). Activez cette option pour afficher le réglage Palette de couleurs.

• Marge supérieure (bureau) et Marge supérieure (mobile) : espace au-dessus du bloc, de 0 à 34 (valeur par défaut : 0).

• Masquer le bloc sur ordinateur et Masquer le bloc sur mobile : masque le bloc sur l’appareil sélectionné (désactivé par défaut).