Galerie multimédia

Les éléments de la galerie multimédia vous permettent de téléverser et d'afficher des collections d'images. Ils se trouvent dans la section Média du menu contextuel Éléments.

D’abord, passez la souris sur un bloc où vous souhaitez ajouter une galerie multimédia et cliquez sur Ajouter un élément.

galeriemultimedia_ajouterunelement.jpg

Cliquez sur Média dans le menu Éléments, puis sélectionnez l'un des éléments de la galerie.  Vous trouverez une Galerie en grilles, une Galerie en Masonry, un Diaporama (en bas), un Diaporama (en haut) et un Diaporama (aucun).

galeriemultimedia.jpg

Une fois que vous avez sélectionné l'élément de la galerie, vous pouvez commencer à ajouter des images. Choisissez parmi des images de la bibliothèque, des images déjà téléversées ou téléversez-en de nouvelles. Vous pouvez cliquer sur plusieurs images pour les ajouter simultanément. 

galeriemultimedia_ajoutermedia.jpg

Dans l'onglet Gérer les médias, vous pouvez ajouter des titres et des descriptions et recadrer votre image. 

galeriemultimedia_gererlesmedias.jpg

Cliquez sur Enregistrer les modifications une fois terminé. 

Cliquez n'importe où sur votre galerie pour faire apparaître la barre d'outils des paramètres. Vos options sont les suivantes :

  • Ajouter un média
  • Gérer les médias
  • Changer la mise en page
  • Paramètres 
  • Alignement
  • Déplacer le contenu
  • Copier le contenu 
  • Supprimer le contenu

Utilisez l'option Mise en page de la barre d'outils pour passer d'un type de galerie à un autre. Chaque galerie dispose d'options qui diffèrent légèrement. 

Galerie de grilles

Galerie de grilles : les images sont affichées dans une grille soignée avec des carrées de tailles et de proportions identiques.

galeriemultimedia_changerlamisenpage.jpg

L'activation de l'option Arrière-plan d'image vous permet de choisir une couleur derrière les images dont l'arrière-plan est transparent, comme les fichiers .png

Galerie Masonry

galeriemultimedia_masonry.jpg

Galerie Masonry : les images sont empilées en colonnes de largeur identique, mais les hauteurs sont différentes, comme sur Pinterest.

Paramètres des galeries de grilles et des galeries Masonry

galeriemultimedia_parametregaleriesdegrilles.jpg

Dans les paramètres des galeries de grilles et des galeries Masonry, vous avez le paramètre Espacement, qui contrôle l’espacement en pixels entre vos vignettes.

Si la fonction Lecture automatique image agrandie est sélectionnée, cliquer sur une vignette permet de l'agrandir, et l'image suivante s’affichera automatiquement au bout de quelques secondes. 

Le style de texte fait référence à la façon dont les légendes (le titre et la description que vous avez ajoutés sous l'onglet Gérer les médias) sont affichées sur les vignettes :

  • Bandeau : le texte apparaît sur la vignette et sur l'image une fois que vous l'avez agrandie.
  • Incrustation : le texte apparaît sur la vignette lorsque vous passez la souris dessus.
  • Sous l'image : le texte apparaît directement sous la vignette.  

Vous pouvez également choisir si votre titre et votre description s'affichent uniquement lorsque vous passez la souris sur l’image, sur l’image agrandie ou dans les deux cas.

 

Diaporama

Diaporama : une grande image s’affiche à la fois, avec un affichage optionnel des vignettes en haut ou en bas.

galeriemultimedia_diaporama.jpg

Pour l'option Style de l’image, choisissez entre « étirer » (sans couleur d’arrière-plan) et « remplissage » (avec couleur d’arrière-plan). Si l'option Flèches est activée, veillez à choisir une couleur de flèche qui ressort bien sur les images ou la couleur d’arrière-plan.

Essayez les animations diapo en cliquant sur le bouton Aperçu dans la barre latérale.

Paramètres des diaporamas

galeriemultimedia_parametresdesdiaporamas.jpg

Le paramètre Espacement image principale permet de contrôler l’espacement entre votre image principale et le diaporama.

L'espacement des vignettes permet de contrôler le nombre de pixels entre les vignettes.

La fonction Commandes de lecture automatique permet de contrôler le nombre de secondes entre chaque image du diaporama.

Le paramètre Lecture automatique image agrandie permet de contrôler le nombre de secondes entre chaque image du diaporama lorsque le diaporama est en mode « image agrandie ».

 

 

 

Galerie multimédiaS’abonner

Les éléments de la galerie multimédia vous permettent de téléverser et d'afficher des collections d'images. Ils se trouvent dans la section Média du menu contextuel Éléments.

D’abord, passez la souris sur un bloc où vous souhaitez ajouter une galerie multimédia et cliquez sur Ajouter un élément.

galeriemultimedia_ajouterunelement.jpg

Cliquez sur Média dans le menu Éléments, puis sélectionnez l'un des éléments de la galerie.  Vous trouverez une Galerie en grilles, une Galerie en Masonry, un Diaporama (en bas), un Diaporama (en haut) et un Diaporama (aucun).

galeriemultimedia.jpg

Une fois que vous avez sélectionné l'élément de la galerie, vous pouvez commencer à ajouter des images. Choisissez parmi des images de la bibliothèque, des images déjà téléversées ou téléversez-en de nouvelles. Vous pouvez cliquer sur plusieurs images pour les ajouter simultanément. 

galeriemultimedia_ajoutermedia.jpg

Dans l'onglet Gérer les médias, vous pouvez ajouter des titres et des descriptions et recadrer votre image. 

galeriemultimedia_gererlesmedias.jpg

Cliquez sur Enregistrer les modifications une fois terminé. 

Cliquez n'importe où sur votre galerie pour faire apparaître la barre d'outils des paramètres. Vos options sont les suivantes :

  • Ajouter un média
  • Gérer les médias
  • Changer la mise en page
  • Paramètres 
  • Alignement
  • Déplacer le contenu
  • Copier le contenu 
  • Supprimer le contenu

Utilisez l'option Mise en page de la barre d'outils pour passer d'un type de galerie à un autre. Chaque galerie dispose d'options qui diffèrent légèrement. 

Galerie de grilles

Galerie de grilles : les images sont affichées dans une grille soignée avec des carrées de tailles et de proportions identiques.

galeriemultimedia_changerlamisenpage.jpg

L'activation de l'option Arrière-plan d'image vous permet de choisir une couleur derrière les images dont l'arrière-plan est transparent, comme les fichiers .png

Galerie Masonry

galeriemultimedia_masonry.jpg

Galerie Masonry : les images sont empilées en colonnes de largeur identique, mais les hauteurs sont différentes, comme sur Pinterest.

Paramètres des galeries de grilles et des galeries Masonry

galeriemultimedia_parametregaleriesdegrilles.jpg

Dans les paramètres des galeries de grilles et des galeries Masonry, vous avez le paramètre Espacement, qui contrôle l’espacement en pixels entre vos vignettes.

Si la fonction Lecture automatique image agrandie est sélectionnée, cliquer sur une vignette permet de l'agrandir, et l'image suivante s’affichera automatiquement au bout de quelques secondes. 

Le style de texte fait référence à la façon dont les légendes (le titre et la description que vous avez ajoutés sous l'onglet Gérer les médias) sont affichées sur les vignettes :

  • Bandeau : le texte apparaît sur la vignette et sur l'image une fois que vous l'avez agrandie.
  • Incrustation : le texte apparaît sur la vignette lorsque vous passez la souris dessus.
  • Sous l'image : le texte apparaît directement sous la vignette.  

Vous pouvez également choisir si votre titre et votre description s'affichent uniquement lorsque vous passez la souris sur l’image, sur l’image agrandie ou dans les deux cas.

 

Diaporama

Diaporama : une grande image s’affiche à la fois, avec un affichage optionnel des vignettes en haut ou en bas.

galeriemultimedia_diaporama.jpg

Pour l'option Style de l’image, choisissez entre « étirer » (sans couleur d’arrière-plan) et « remplissage » (avec couleur d’arrière-plan). Si l'option Flèches est activée, veillez à choisir une couleur de flèche qui ressort bien sur les images ou la couleur d’arrière-plan.

Essayez les animations diapo en cliquant sur le bouton Aperçu dans la barre latérale.

Paramètres des diaporamas

galeriemultimedia_parametresdesdiaporamas.jpg

Le paramètre Espacement image principale permet de contrôler l’espacement entre votre image principale et le diaporama.

L'espacement des vignettes permet de contrôler le nombre de pixels entre les vignettes.

La fonction Commandes de lecture automatique permet de contrôler le nombre de secondes entre chaque image du diaporama.

Le paramètre Lecture automatique image agrandie permet de contrôler le nombre de secondes entre chaque image du diaporama lorsque le diaporama est en mode « image agrandie ».

 

 

 

Want to contact us?
phone
1.866.614.8002
Sun. 8:00 AM-8:00 PM Mon. - Fri. 7:00 AM-3:00 AM Sat. 8:00 AM-8:00 PM
chat
Live Chat
Talk with a specialist
email
Send email
We'll answer you within one working day