widget: Slider d'images

Conseil

Vous souhaitez créer un curseur d'image pour l'arrière-plan d'un élément ? Consultez les fonds d'éléments.

Éditeur de contenu

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

Ajouter des images

Pour ajouter une image au curseur, cliquez sur Ajouter une image ou sur l'image vierge Square. Cela ouvre le sélecteur d'images. vous disposez des options suivantes :

  • Sélectionnez parmi les images immédiatement disponibles.

  • Cliquez sur Vue complète pour ouvrir le sélecteur d'images.

  • Cliquez sur l'icône plus pour télécharger une image.

Supprimer des images

Dans l'Éditeur de contenu, cliquez sur le X dans le coin supérieur de la vignette de l'image pour la supprimer.

Réglages image/diapositive

Cliquez pour sélectionner une image/diapositive existante dans l'onglet Contenu de l'Éditeur de contenu. La fenêtre Paramètres de l'image s'ouvre et permet de modifier le contenu des diapositives.

Les paramètres d'image vous donnent accès aux options suivantes :

  • Remplacer, modifier ou supprimer l'image.

    Remarque

    Pour plus d'informations sur la modification des images, voir Éditeur d'images.

  • Poste. Ajustez la partie de l'image qui s'affiche.

  • Ajouter un lien à la diapositive. Fait de l'image entière un bouton qui peut être lié.

  • Titre du curseur. Ajoute un texte de grande taille à l'image du curseur. Pour masquer le titre, cliquez sur l'icône en forme d'œil (cela ne s'appliquera qu'à cette image/diapositive).

  • Légende du curseur. Ajoute un texte plus petit à l'image du curseur sous le texte du titre. Utilisez l'éditeur de texte pour ajouter de la couleur, de l'emphase (gras, italique et souligné) et des puces au texte de la boîte de légende. Pour masquer la légende, cliquez sur l'icône en forme d'œil (cela ne s'applique qu'à cette image/diapositive).

    Note

    Le champ de texte long offre diverses options de mise en forme du texte, telles que la mise en italique, en gras ou le soulignement.

  • Bouton. Ajoute un bouton à l'image du curseur qui peut être lié comme un widget bouton. Pour masquer le bouton, cliquez sur l'icône de l'œil (cela ne s'appliquera qu'à cette image/diapositive).

  • Texte Alt. Saisissez votre propre texte alt.

Modifier et remplacer des images
  • Pour ouvrir le sélecteur d'images et sélectionner une autre image, cliquez sur Remplacer.

  • Pour ouvrir l'éditeur d'images intégré afin d'ajouter des caractéristiques et des styles à une image, cliquez sur Modifier.

Rédacteur en chef de la conception

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

Mise en page

Pour afficher les options de mise en page disponibles et modifier la mise en page, cliquez sur la vignette.

Transition

Dans l'éditeur de design, faites défiler jusqu'à la section Transition et configurez les paramètres suivants :

  • Transition du curseur. Sélectionnez Fade ou Slide.

  • Autoplay.

  • Vitesse du diaporama. Déplacez le curseur pour sélectionner une vitesse comprise entre 1 et 20 secondes.

  • Mettez le diaporama en pause sur hover.

  • Animation du contenu. Sélectionnez une animation dans la liste déroulante.

Afficher les images complètes

Lorsque des images sont ajoutées à la barre de défilement, elles ne sont pas affichées dans leurs dimensions naturelles. Ces images sont affichées de manière à remplir les dimensions du curseur d'image, de sorte que les images peuvent être étirées ou floues. Pour afficher les images dans leurs dimensions naturelles, dans l'éditeur de conception, cliquez sur Cadre, puis sur la case à cocher Afficher l'image complète.