Widget Slider d'images

• Pour découvrir comment créer un carrousel d'images en arrière-plan, consultez l'article Carrousel d'images en arrière-plan
• Pour en savoir plus sur l'ajout d'images premium sur votre site, consultez l'article Ajouter des images premium (images Shutterstock).

Éditeur de contenu

Pour accéder à l'éditeur de contenu, effectuez un clic droit sur le widget et sélectionnez Modifier le contenu.

Ajout d'images

Pour ajouter une image, cliquez sur Ajouter une image ou sur n'importe quel emplacement d'image vide. Le sélecteur d'images s'ouvre alors. Vous disposez des options suivantes :

• Sélectionnez le dossier contenant les images que vous souhaitez utiliser.
• Cliquez sur l'icône + pour importer votre propre image.
• Cliquez sur Plein écran pour accéder à d'autres options de sélection d'images.

Supprimer des images

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

Paramètres de l'image/de la diapositive

Cliquez pour sélectionner une image/diapositive existante dans l'onglet Contenu de l'éditeur de contenu. Cela ouvre les Paramètres d’image, d'où le contenu des diapositives peut être modifié.

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

• Ajouter un lien vers la diapositive. Transforme l'ensemble de l'image en bouton qui peut être associé à un lien.
• Titre du slider. Permet d'ajouter un texte grand format à l'image du slider. Cliquez sur l'icône en forme d'œil pour masquer le titre (cela ne s'appliquera qu'à cette image/diapositive).
• Légende du slider. Permet d'ajouter un texte de plus petit format à l'image du slider, sous le titre. Utilisez l'éditeur de texte pour ajouter de la couleur, une accentuation (gras, italique et soulignement) et des puces au texte des légendes. Cliquez sur l'icône en forme d'œil pour masquer la légende (cela ne s'appliquera qu'à cette image/diapositive).
• Bouton. Permet d'ajouter à l'image du slider un bouton auquel un lien peut être associé, comme un widget de bouton. Cliquez sur l'icône en forme d'œil pour masquer le bouton (cela ne s'appliquera qu'à cette image/diapositive).
• Texte de remplacement. Permet d'ajouter un texte de remplacement à afficher pour des raisons de SEO ou lorsque l'image ne peut pas s'afficher.

Modifier et remplacer des images

• Pour ouvrir le sélecteur d'images et choisir une autre image, cliquez sur Remplacer.
• Pour ouvrir l'éditeur d'images intégré et ajouter des caractéristiques ou styles à une image, cliquez sur Modifier.

Éditeur de design

Pour accéder à l'éditeur de design, faites un clic droit sur le widget et cliquez sur Modifier le design.

Disposition

Pour afficher les options de mise en page disponibles et modifier cette 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 slider. Sélectionnez Fondu ou Diapositive.
• Lecture automatique.
• Vitesse du diaporama. Déplacez le curseur pour sélectionner la vitesse (de 1 à 20 secondes).
• Suspendre le diaporama au passage de la souris.
• Animation de contenu. Sélectionnez un type d'animation dans le menu déroulant.

Afficher des images complètes

Lorsque vous ajoutez des images au slider d'images, elles ne s'affichent pas dans leurs dimensions d'origine. Elles sont affichées de façon à s'adapter aux dimensions du slider et peuvent donc être étirées ou floues. Pour les afficher dans leurs dimensions d'origine, vous pouvez activer l'option Afficher l'image complète dans l'onglet Cadre de l'éditeur de design.

Pour obtenir des informations sur les options de conception qui ne sont pas spécifiques à ce widget (la disposition, le style et l'espacement, par exemple), voir Conception des widgets.