Email-Icon Created with Sketch. Group 3 Created with Sketch. Domains-SVG-Box Created with Sketch. Domains-SVG-Box Created with Sketch. Domains-SVG-Box Created with Sketch. Hosting-SVG-Box Created with Sketch. Hosting-SVG-Box Created with Sketch. Icon-Internet Created with Sketch. Hosting-SVG-Box Created with Sketch. Icon-Internet Created with Sketch. Icon-Internet Created with Sketch. Hosting-SVG-Box Created with Sketch. Hosting-SVG-Box Created with Sketch. Trust Pilot Stars Created with Sketch. 1-5-million Created with Sketch. black-green yellow_blue Control-panel-Icon Created with Sketch. WSB-Brush Created with Sketch. WSB-Brush Created with Sketch. WSB-Brush Created with Sketch. Email-Icon Created with Sketch. Email-Icon Created with Sketch. Email-Icon Created with Sketch. Email-Icon Created with Sketch. Icon-ECommerce-Seperator Created with Sketch. Icon-ECommerce-Seperator Created with Sketch. Icon-ECommerce-Seperator Created with Sketch. icon-slider-next Created with Sketch. icon-slider-prev Created with Sketch. Webmail-icon Created with Sketch. heart Created with Sketch. Open-24-7 Created with Sketch. 247 Created with Sketch. open24 Created with Sketch. 24 7 trusted Created with Sketch. Fill 1 Created with Sketch.

Comment insérer un diaporama ?

  1. Connectez-vous au panneau de configuration et cliquez sur Website Builder.
  2. Cliquez sur Composants et faites glisser le composant Diaporama dans votre espace de travail.
  3. Sélectionnez les images que vous voulez insérer, ou téléchargez-les à partir de votre ordinateur ou d'une URL externe.
  4. Ajustez la taille et le positionnement de l'élément du diaporama à votre goût ;
    - Entrez les dimensions exactes dans la zone verte visible quand l'élément est sélectionné.
    - Faites glisser les poignées de redimensionnement à la taille que vous voulez.
  5. Ajustez les Propriétés de l'image.
  6. Cliquez sur Enregistrer en haut à gauche, ensuite sur Publier pour rendre le diaporama visible sur votre site.

Use the slider component to insert a slideshow in your website

Propriétés du composant diaporama

Définissez la manière dont le diaporama doit s'afficher sur votre site web dans l'onglet Propriétés.

  • Images - Vous pouvez voir le nombre d'images incluses dans le diaporama. Cliquez sur Triez et éditez pour changer l'ordre des images ou les modifier. Cliquez sur l'icône image pour ajouter ou supprimer des images.
  • Défilement avant/arrière - Sélectionnez si les flèches de navigation doivent toujours être visibles, seulement quand vous survolez avec la souris, ou jamais.
  • Indicateur - L'indicateur affiche des points pour indiquer la quantité d'images dans un diaporama et l'image active dans la liste. Sélectionnez si l'indicateur doit toujours être visible, seulement quand vous survolez avec la souris, ou jamais.
  • Transition - Sélectionnez si vous souhaitez faire un fondu ou une transition entre les images.
  • Rogner les images - Cochez cette case si vous souhaitez que vos images soient rognées à la même taille. Ainsi, chaque image remplira complètement le composant.
  • Clic - Sélectionnez ce qui doit se passer si un visiteur clique sur une image. Vous pouvez choisir de ne rien faire, afficher de grandes images ou ouvrir un lien. Pour ajouter le lien, cliquez sur l'icône lien dans l'angle droit de chaque image du composant.
  • Légendes - Cochez cette case pour ajouter des légendes aux images dans le diaporama. Vous pouvez sélectionner l'alignement et le positionnement. Pour ajouter du texte, double-cliquez sur chaque image dans le composant.

Articles associés :

Comment insérer une image ?
Comment insérer plusieurs images dans une grille ?