widget: Avant et après

widget Catégories : Médias

Le widget Avant et après vous permet d'afficher deux images côte à côte pour une comparaison attrayante, qui accroche l'œil. Le widget comprend également un curseur personnalisable à déplacer entre les deux images.

Pour plus d'informations sur l'ajout de widget, voir Ajouter widget.

Conseil

Pour plus d'informations sur widget et la widget bibliothèque,widget voir: Library and Overview.

Éditeur de contenu

Pour accéder à l'Éditeur de contenu, cliquez avec le bouton droit de la souris sur le site widget et sélectionnez Modifier le contenu.

  1. Cliquez sur + Image pour ajouter les images avant et après.

  2. (Facultatif) Personnalisez les étiquettes des images. Pour masquer les étiquettes, cliquez sur l'icône de l'œil (24517315481495-eye_icon.png).

  3. Saisissez le texte Alt pour les images. Saisissez votre propre texte alt.

Rédacteur en chef de la conception

Pour accéder à l'éditeur de conception, cliquez avec le bouton droit de la souris sur l'élément, puis cliquez sur Modifier la conception.

  1. Pour personnaliser les images et le curseur, cliquez sur Images & Slider.

  2. Pour personnaliser le style et le texte de l'étiquette, cliquez sur Étiquettes.

    Assurez-vous que les paramètres de conception que vous définissez sont corrects pour chaque appareil. Les paramètres tels que l'espacement, la taille de l'image et d'autres sont définis pour chaque appareil. Pour plus d'informations, voir Tailles d'écran et appareils.

Pour obtenir des informations sur les options de design qui ne sont pas spécifiques à ce widget (la mise en page, le style et l'espacement, par exemple), consultez l'article Conception des widgets.

Exemples

22384787922583-before_after_release3.jpg
22384800340887-before_after_release3_tr.png