Le widget Carrousel d’images vous permet d’ajouter des galeries intéressantes et dynamiques à vos pages. Dans la vidéo, nous expliquons comment créer un carrousel d’images de galerie et un carrousel à trois colonnes.

Contenu

Carrousel d’images

  1. Cliquez sur le bouton Ajouter une image pour sélectionner les images à afficher. Une fois sélectionné, cliquez sur le bouton Créer une nouvelle galerie , puis sur le bouton Insérer une galerie .
  2. Taille de l’image : choisissez la taille de l’image, de la miniature au plein, ou entrez une taille personnalisée
  3. Diapositives à afficher : sélectionnez le nombre de diapositives à afficher simultanément, de 1 à 10, disponibles pour les ordinateurs de bureau, les tablettes et les appareils mobiles
  4. Diapositives à faire défiler : définissez le nombre de diapositives à faire défiler par balayage
  5. Étirement de l’image : sélectionnez Oui ou Non
  6. Navigation : choisissez d’afficher les flèches de navigation, les points, les deux ou aucun
  7. Lien vers : liez les images à leurs fichiers multimédias respectifs, à leurs URL personnalisées ou à aucun
  8. Légende : définissez les légendes d’image sur Aucun, Titre, Légende ou Description

Options additionelles

  1. Pause lors du survol : indiquez si vous souhaitez ou non suspendre la lecture automatique lorsqu’un utilisateur survole le carrousel. Oui ou non
  2. Mettre en pause lors de l’interaction : indiquez si vous souhaitez ou non suspendre la lecture automatique lorsqu’un utilisateur interagit avec le carrousel. Oui ou non.
  3. Lecture automatique: choisissez Oui ou Non pour faire pivoter automatiquement les diapositives
  4. Vitesse de lecture automatique : définissez le temps nécessaire pour que la diapositive suivante commence à tourner. Ce temps est en millisecondes, donc 1000 ms équivaut à 1 seconde.
  5. Boucle infinie : affichez le carrousel dans une boucle continue, à l’infini. Oui ou non
  6. Vitesse d’animation : définissez la vitesse de l’animation des diapositives, en millisecondes
  7. Direction : choisissez de faire pivoter les diapositives de gauche à droite

Style

La navigation

Flèches

  1. Position : définissez la position des flèches à l’intérieur ou à l’extérieur du curseur
  2. Taille : définissez la taille exacte des flèches
  3. Couleur : définissez la couleur des flèches

Points

  1. Position : définissez la position des points à l’intérieur ou à l’extérieur du curseur
  2. Taille : définissez la taille exacte des points
  3. Couleur : définissez la couleur des points

Image

  1. Alignement vertical : alignez verticalement l’image vers le haut, le milieu ou le bas
  2. Espacement : définissez l’espacement entre les diapositives. Choisissez Par défaut (20px) ou Personnalisé (cette option n’est disponible que si une quantité supérieure à 1 est choisie pour Diapositives à afficher dans l’ onglet Contenu )
  3. Type de bordure : définissez le type de bordure, en choisissant parmi Aucun, Solide, Double, Pointillé, Pointillé ou Rainure
  4. Rayon de la bordure : définissez le rayon de la bordure pour contrôler l’arrondi des coins

Remarque : la lecture automatique est affectée par la politique de lecture automatique de Google sur les navigateurs Chrome.

Avancée

Définissez les options avancées applicables à ce widget

Source : https://docs.elementor.com/article/52-image-carousel