Passer au contenu principal




Les Carrousel média Le widget vous permet de créer un curseur vidéo et image.



Le widget comprend 3 skins :

  1. Carrousel est l'habillage de carrousel rotatif standard qui affiche un nombre personnalisé de diapositives d'images ou de vidéos par vue.
  2. Diaporama est un skin de curseur qui affiche une diapositive principale et de petites vignettes d'images ci-dessous.
  3. flux de courant Il s'agit d'une peau de curseur qui montre un curseur central à l'avant et deux curseurs latéraux à l'arrière.

Dans chaque diapositive, vous pouvez ajouter l'image ou la vidéo et la créer un lien vers votre fichier multimédia ou un lien externe. Le carrousel peut afficher une combinaison d’images et de vidéos à la fois.
Si Lightbox est activé, cela sera également disponible pour ce widget.

Le widget Media Carousel propose également des options pour un affichage optimal sur les appareils mobiles.

peau de carrousel

Le contenu

Diaporama

  1. Peau: Carrousel
  2. Diaporama : Choisissez l'image ou la vidéo à afficher et définissez l'URL vers laquelle lier
  3. Effet- Choisissez comment chaque diapositive change, qu'il s'agisse d'une diapositive, d'un fondu ou d'un cube.
  4. Diapositives par vue: définissez le nombre de diapositives à afficher simultanément, maximum 10
  5. Des diapositives pour se déplacer: Définissez le nombre de diapositives à faire défiler par balayage, maximum 10
  6. Hauteur: Définir la hauteur du carrousel
  7. Largeur: Définir la largeur du carrousel

Options additionelles

  1. Flèches: Choisissez d'afficher ou de masquer les flèches de navigation
  2. Pagination: Sélectionnez Aucun, Points, Fraction ou Progression
  3. Durée de la transition: définissez le temps nécessaire à l'apparition de chaque diapositive. Ce temps est en millisecondes, donc 1 000 ms équivaut à 1 seconde.
  4. Auto-reproduction: Afficher ou masquer
  5. Vitesse de lecture automatique: Réglez le temps entre chaque diapositive. Ce temps est en millisecondes, donc 1 000 ms équivaut à 1 seconde.
  6. Boucle infinie: Affiche le carrousel en boucle continue, à l'infini. Oui ou non
  7. Pause en interaction: Sélectionnez s'il faut ou non suspendre la lecture automatique lorsqu'un utilisateur interagit avec le carrousel. Oui ou non
  8. Couverture: Sélectionnez le type de superposition lorsque l'utilisateur survole une diapositive. Aucun, texte ou icône
  9. Taille de l'image: Sélectionnez la taille de l'image, de Vignette à Complète ou Personnalisée
  10. Ajustement des images- Sélectionnez la manière dont l'image s'insère dans son conteneur, que ce soit Cover, Contain ou Automatic.

Peau de diaporama

Le contenu

  1. Peau: Diaporama
  2. Diaporama : Choisissez l'image ou la vidéo à afficher et définissez l'URL vers laquelle lier
  3. Effet- Choisissez comment chaque diapositive change, qu'il s'agisse d'une diapositive, d'un fondu ou d'un cube.
  4. Hauteur: Définir la hauteur du carrousel
  5. Miniatures:
    Diaporama Par vue: Nombre de diapositives, par vue, maximum 10
    Proportion: Sélectionnez entre 1:1, 4:3, 16:9 ou 21:9

Options additionelles

  1. Flèches: Choisissez d'afficher ou de masquer les flèches de navigation
  2. Durée de la transition: Définissez la durée d'affichage de chaque diapositive. Cette durée est en millisecondes, donc 1000 ms équivaut à 1 seconde.
  3. Auto-reproduction: Afficher ou masquer
  4. Vitesse de lecture automatique: Réglez le temps entre chaque diapositive. Ce temps est en millisecondes, donc 1000 ms équivaut à 1 seconde
  5. Boucle infinie: Affiche le carrousel en boucle continue, à l'infini. Oui ou non
  6. Pause en interaction: Sélectionnez s'il faut ou non suspendre la lecture automatique lorsqu'un utilisateur interagit avec le carrousel. Oui ou non
  7. Taille de l'image: Sélectionnez la taille de l'image, de Vignette à Complète ou Personnalisée
  8. Ajustement des images- Sélectionnez la manière dont l'image s'insère dans son conteneur, que ce soit Cover, Contain ou Automatic.

Peau de flux de couverture

Le contenu

  1. Peau: Flux de courant
  2. Diaporama : Choisissez l'image ou la vidéo à afficher et définissez l'URL vers laquelle lier
  3. Diapositives par vue: définissez le nombre de diapositives à afficher simultanément, maximum 10
  4. Des diapositives pour se déplacer: Définissez le nombre de diapositives à faire défiler par balayage, maximum 10
  5. Hauteur: Définir la hauteur du carrousel
  6. Largeur: Définir la largeur du carrousel

Options additionelles

  1. Flèches: Choisissez d'afficher ou de masquer les flèches de navigation
  2. Pagination: Sélectionnez Aucun, Points, Fraction ou Progression
  3. Durée de la transition: définissez le temps nécessaire à l'apparition de chaque diapositive. Ce temps est en millisecondes, donc 1 000 ms équivaut à 1 seconde.
  4. Auto-reproduction: Afficher ou masquer
  5. Vitesse de lecture automatique: Réglez le temps entre chaque diapositive. Ce temps est en millisecondes, donc 1 000 ms équivaut à 1 seconde.
  6. Boucle infinie: Affiche le carrousel en boucle continue, à l'infini. Oui ou non
  7. Pause en interaction: Sélectionnez s'il faut ou non suspendre la lecture automatique lorsqu'un utilisateur interagit avec le carrousel. Oui ou non
  8. Couverture: Aucun, Texte ou Icône
  9. Oui Texte est choisi:
    Sous-titre: Choisissez le texte à afficher comme titre : titre, titre ou description
    Animation: Choisissez entre Fondu, Glisser vers le haut, Glisser vers le bas, Glisser vers la droite, Glisser vers la gauche, Zoom avant
  10. Oui Icône est choisi:
    Icône- Choisissez entre une icône de recherche, une icône plus, une icône en forme d'œil ou une icône de lien
  11. Animation: Choisissez entre Fondu, Glisser vers le haut, Glisser vers le bas, Glisser vers la droite, Glisser vers la gauche, Zoom avant
  12. Taille de l'image: Sélectionnez la taille de l'image, de Vignette à Complète ou Personnalisée
  13. Ajustement des images- Sélectionnez la manière dont l'image s'insère dans son conteneur, que ce soit Cover, Contain ou Automatic.

Style

Diaporama

  1. L'espace entre : définir l'espacement entre les diapositives
  2. Couleur de l'arrière plan: Choisissez une couleur d'arrière-plan pour le carrousel
  3. Taille de la bordure: Contrôle l'épaisseur de la bordure
  4. Couleur de la bordure: Choisissez une couleur de bordure
  5. Farci: Définir le rembourrage
  6. Rayon du bord: Définit le rayon de la bordure pour contrôler l'arrondi des coins

La navigation

Flèches

  1. Taille : Agrandissez ou diminuez la taille de la flèche
  2. Couleur: Choisissez la couleur des flèches

Pagination (non disponible en type diaporama)

  1. Positionner: Placer la pagination à l'extérieur ou à l'intérieur des diapositives
  2. Taille : Agrandir ou réduire la taille de la page
  3. Couleur: Définir la couleur de la pagination

Icône de lecture (il doit y avoir des vidéos sur les diapositives pour pouvoir les visualiser)

  1. Couleur: définir la couleur de l'icône de lecture vidéo
  2. Taille: Définir la taille de l'icône de lecture vidéo
  3. Ombre de texte : Définissez l'ombre du texte de l'icône de lecture vidéo

Superposition (non disponible en type diaporama)

Si Texte a été choisi pour la superposition :

  1. Couleur de l'arrière plan: Choisissez une couleur d'arrière-plan pour la superposition
  2. Couleur du texte: Choisissez la couleur du texte en superposition
  3. Typographie : modifiez les options de typographie pour le texte superposé

Si l'icône a été choisie pour la superposition :

  1. Couleur de l'arrière plan: Choisissez une couleur d'arrière-plan pour la superposition
  2. Couleur du texte: Choisissez la couleur de l'icône de superposition
  3. Taille de l'icône : Agrandissez ou réduisez la taille de l'icône de superposition

Boite à lumière

  1. Couleur: Choisissez la couleur de fond de la lightbox
  2. Couleur de l'interface utilisateur: Choisissez la couleur de l'interface utilisateur. Cela affecte la navigation par flèches et points de la lightbox et l'icône de fermeture X.
  3. Couleur de défilement de l'interface utilisateur : Choisissez la couleur de survol de l'interface utilisateur. Cela affecte la navigation des flèches et des points de la lightbox ainsi que l'icône de fermeture X lorsque l'utilisateur les survole.
  4. Largeur vidéo: Définir la largeur de la vidéo

Noter: La lecture automatique est affectée par Politique de lecture automatique de Google dans les navigateurs Chrome.

Noter: L'utilisation de codes courts de modèle Elementor dans le widget peut parfois fonctionner, mais ce n'est pas une fonctionnalité prise en charge.

Avancée

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

Lire l'article de lancement complet sur le widget carrousel multimédia