Galeries

Galerie d’images vous permet d’ajouter et de gérer les images sur votre site en toute simplicité en vous offrant une multitude d’options pour la visualisation.

Les galeries rehaussent l’apparence de votre site Web en lui conférant un meilleure cadrage lorsque vous présentez vos photos, vos œuvres d’art ou vos produits. Vous pouvez créer plusieurs galeries et les caractériser à l’aide de thèmes ou de catégories spécifiques qui aideront votre contenu à afficher de manière structurée. Les galeries peuvent être personnalisées avec différentes mises en page, comme des tableaux et des diaporamas, pour vous permettre de choisir le format qui convient le mieux à votre conception et à l’expérience utilisateur de votre site.

Des fonctionnalités avancées, telles que les effets de boîte à lumière, les légendes d’images ou les animations de survol contribueront à accentuer la présentation de vos images. De plus, la conception réactive garantit que vos galeries auront fière allure sur tous les appareils, des ordinateurs de bureau aux téléphones intelligents. En faisant appel à une galerie d’images, vous pourrez susciter la participation des utilisateurs, rendre votre site plus interactif et rehausser son attrait visuel.

Pour ajouter une galerie :

1. Cliquez sur Créer dans le menu de gauche

2. Sélectionnez l’onglet Galerie

3. Faites glisser et déposez l’un des types de galerie disponibles sur la page

4. Choisissez une méthode de téléversement de l’image après avoir sélectionné le bouton Ajouter une nouvelle image

-Pour téléverser directement à partir de votre appareil, sélectionnez « Télécharger l’image » dans le menu déroulant qui apparaît
-Pour téléverser à partir d’une URL, cliquez sur « Ajouter à partir de l’URL », collez l’URL de l’image que vous souhaitez télécharger, puis cliquez sur « Ajouter une image ».

-Vous pouvez également faire glisser une image de votre appareil et la déposer en toute simplicité dans la zone correspondante.
-De plus, vous avez l’option de faire appel à notre galerie d’images gratuites en vous servant du bouton correspondant. Cette galerie comprend un large éventail d’images en haute qualité que vous pourrez incorporer à vos propres galeries.

Options d’image : -Les premiers éléments que vous verrez apparaître sont le bouton de retour, qui vous permet de revenir aux options de la galerie, ainsi qu’un aperçu de l’image en taille réduite. -Bouton Modifier - l’option vous permet de modifier l’image à l’aide de l’éditeur intégré -Bouton Remplacer - remplace l’image actuelle. -Titre de l’image (texte ALT) - utilisé par les logiciels de lecture d’écran et les moteurs de recherche -Description de l’image - une brève description de l’image ainsi que la légende de l’image qui affichera sur la page. -Utiliser le nom de fichier de l’image comme description de l’image; cela aura pour effet d’écraser l’option « Description de l’image ». -Type de lien - vous pouvez faire en sorte qu’Agrandir l’image se déclenche lorsqu’une image est cliquée (soit l’image originale, ou simplement une copie plus grande de l’image), et décider si celle-ci affiche sur une page interne ou une page externe. -Ajouter une vignette personnalisée - l’ajout d’une vignette personnalisée modifiera l’aperçu de l’image. L’image originale ne sera visible que dans Agrandir l’image. En naviguant jusqu’au bas du menu Propriétés, vous tomberez sur les options qui permettent de modifier l’apparence de la galerie : Type de galerie, Options de présentation, Effets de l’image, Forme de l’image, Agrandir l’image, etc.

Pour configurer les différents types de galeries :

Vignettes

-Taille de l’image - vous pouvez choisir une taille prédéfinie (petite, moyenne et grande) ou définir une taille personnalisée qui sera adapatée à votre conception.
-Afficher la légende - faire afficher ou non une légende/description sous l’image.
-Vous pouvez répartir les vignettes en sélectionnant un nombre de colonnes.
-Recadrer l’image - lorsque Recadrer l’image est cochée, l’image téléversée sera recadrée et redimensionnée suivant les proportions définies pour la galerie d’images. Si cette option est décochée, l’image téléversée dans la galerie conservera ses proportions d’origine.
-Nombre de colonnes pour les vignettes, affiche 3 par défaut.

Diaporama

-Taille de l’image - vous pouvez choisir une taille prédéfinie (petite, moyenne et grande) ou définir une taille personnalisée qui sera adapatée à votre conception.
-Afficher la légende - faire afficher ou non une légende/description sous l’image.
-Légendes animées - le texte de légende pour être animé ou statique (visible uniquement si l’option « Afficher la légende » est activée).
-Recadrer l’image - lorsque Recadrer l’image est cochée, l’image téléversée sera recadrée et redimensionnée suivant les proportions définies pour la galerie d’images. Si cette option est décochée, l’image téléversée dans la galerie conservera ses proportions d’origine.
-Afficher le bouton Précédent/Suivant - boutons qui vous permettent de naviguer la galerie en passant d’une image à l’autre.
-Délai d’attente - le délai, en secondes, avant que l’image affichée ne change automatiquement.
-Lecture automatique - vous pouvez configurer les images pour qu’elles changent automatiquement.
-Afficher les boutons Lecture et Pause - ces boutons vous permettant de figer ou de reprendre la lecture automatique.
-En boucle - l’activation de l’option indiquera à la galerie de poursuivre la lecture automatique, même après avoir atteint la dernière image.
-Transition - vous pouvez choisir entre un effet d’estompement, un effet diaporama ou aucun effet de transition.
-Type de navigation - vous pouvez ajouter une option de navigation qui apparaîtra sous l’aperçu de l’image : boutons, chiffres ou les deux.

Clip audiovisuel

-Taille de l’image - vous pouvez choisir une taille prédéfinie (petite, moyenne et grande) ou définir une taille personnalisée qui sera adapatée à votre conception.
-Afficher la légende - faire afficher ou non une légende/description sous l’image.
-Recadrer l’image - lorsque Recadrer l’image est cochée, l’image téléversée sera recadrée et redimensionnée suivant les proportions définies pour la galerie d’images. Si cette option est décochée, l’image téléversée dans la galerie conservera ses proportions d’origine.
-Afficher le bouton Précédent/Suivant - boutons qui vous permettent de naviguer la galerie en passant d’une image à l’autre.
-Afficher la barre de défilement - vous pouvez ajouter une barre de défilement pour permettre de naviguer d’une image à l’autre.
-Recadrer l’icône- lorsque Recadrer l’icône est cochée, les icônes seront recadrées et redimensionnées suivant les proportions définies dans Taille de la vignette. Si cette option est décochée, les icônes de la galerie conserveront leurs proportions d’origine.
-Définir la taille des vignettes (icône d’image) en pixels.
-Définir la position des vignettes (icône d’image) à l’aide des options de positionnement des vignettes : en haut, en bas, à gauche, à droite.
-Délai d’attente - le délai, en secondes, avant que l’image affichée ne change automatiquement.
-Lecture automatique - vous pouvez configurer les images pour qu’elles changent automatiquement.
-Afficher les boutons Lecture et Pause - ces boutons vous permettant de figer ou de reprendre la lecture automatique.
-En boucle - l’activation de l’option indiquera à la galerie de poursuivre la lecture automatique, même après avoir atteint la dernière image.
-Transition - vous pouvez choisir entre un effet d’estompement, un effet diaporama ou aucun effet de transition.

Mosaïque

-Taille de l’image - vous pouvez choisir une taille prédéfinie (petite, moyenne et grande) ou définir une taille personnalisée qui sera adapatée à votre conception.
-Afficher la légende - faire afficher ou non une légende/description sous l’image.
-Recadrer l’image - lorsque Recadrer l’image est cochée, l’image téléversée sera recadrée et redimensionnée suivant les proportions définies pour la galerie d’images. Si cette option est décochée, l’image téléversée dans la galerie conservera ses proportions d’origine.
-Afficher le bouton Précédent/Suivant - boutons qui vous permettent de naviguer la galerie en passant d’une image à l’autre.
-Afficher la barre de défilement - vous pouvez ajouter une barre de défilement pour permettre de naviguer d’une image à l’autre.
-Activez ou désactivez l’option Recadrer l’icône pour rétrécir l’icône de l’image.
-Définir la taille des vignettes (icône d’image) en pixels.
-Définir la position des vignettes (icône d’image) à l’aide des options de positionnement des vignettes : en haut, en bas, à gauche, à droite.
-Lecture automatique - vous pouvez configurer les images pour qu’elles changent automatiquement.
​-Afficher les boutons Lecture et Pause - ces boutons vous permettant de figer ou de reprendre la lecture automatique.
-En boucle - l’activation de l’option indiquera à la galerie de poursuivre la lecture automatique, même après avoir atteint la dernière image.
-Transition - vous pouvez choisir entre un effet d’estompement, un effet diaporama ou aucun effet de transition.

Barre de défilement

-Taille de l’image - petite, moyenne, grande ou personnalisée.
-Afficher les boutons Précédent et Suivant - boutons qui vous permettent de naviguer la galerie en passant d’une image à l’autre.
-Afficher la barre de défilement - vous pouvez ajouter une barre de défilement pour permettre de naviguer d’une image à l’autre.
-Afficher la légende - faire afficher ou non une légende/description sous l’image.
-Lecture automatique - vous pouvez configurer les images pour qu’elles changent automatiquement.
​-Afficher les boutons Lecture et Pause - ces boutons vous permettant de figer ou de reprendre la lecture automatique.
-En boucle - l’activation de l’option indiquera à la galerie de poursuivre la lecture automatique, même après avoir atteint la dernière image.

Grille

Réactif - ce type de grille est conçu pour ajuster automatiquement les images dans l’espace disponible sur l’écran, en s’adaptant dynamiquement aux paramètres présents dans Largeur de la colonne, Hauteur de la rangée et au niveau de l’espacement défini entre les colonnes et les rangées. Somme tout, elle représente une version plus sophistiquée et polyvalente de la galerie de vignettes qui permet une mise en page à la fois plus soignée et plus flexible.

Imbriqué - type de galerie dans lequel les éléments sont répartis sur une grille pour permettre une mise en page plus conviviale et qui n’est pas limitée aux confins rigides des rangées. À l’instar des briques d’un mur, il permet aux articles de s’empiler verticalement tout en préservant la cohésion d’ensemble de la conception. La mise en page repose principalement sur la largeur des colonnes précisée ainsi que sur l’espacement entre les colonnes et les rangées pour créer une mise en page visuellement attrayante qui minimise les espaces vides. Ce type de grille est idéal pour les contenus qui présentent différentes hauteurs, comme des photos, des cartes ou des extraits de blogue; puisqu’il permet d’utiliser efficacement tout l’espace disponible sur la page tout en offrant une mise en page dynamique et visuellement attrayante.

Colonnes fixes - type de galerie plus sophistiqué dans lequel le nombre de colonnes est fixe et demeure constant quelle que soit la taille de l’écran. Cette mise en page est caractérisée par la possibilité de personnaliser l’espace qu’occuppe chaque image dans la grille.

La mise en page est déterminée par le nombre de colonnes ainsi que par la hauteur des rangées précisés, délimitant par le fait-même la surface occuppée par la galerie. Dans cette structure, les éléments d’image (ou de grille) peuvent être ajustés un à un et configurés pour occuper plus (ou moins) d’espace. Par exemple, vous pouvez attribuer des dimensions précises à un élément, comme faire en sorte que la première image s’étende sur 1 colonne et 2 rangées, doublant ainsi sa taille par rapport aux autres éléments de la grille.

Les réglages suivants sont communs à tous les types de galeries

Effets de l’image (ne s’applique pas dans Agrandir l’image) Vous pouvez modifier l’effet d’aperçu de l’image. Les options suivantes sont disponibles :
	-Aucun -Polaroïd -Miroir -Tons de gris -Sépia -Clair -Sombre

Forme des images (ne s’applique pas dans Agrandir l’image) Vous pouvez modifier la forme de l’aperçu de l’image. Voici les formes disponibles pour la plupart des galeries :
	-Originale -Carreau -Hexagone -Octogone -Ovale -Cercle

Agrandir l’image se déclenche lorsque le visiteur du site Web clique directement sur une image.

-L’option Afficher la légende permet d’activer ou désactiver le texte de description qui affiche sous les images dans Agrandir l’image. -Tamiser l’éclairage - en activant cette option, le contenu qui se trouve derrière l’encart Agrandir l’image sera atténué. -Zoom - si votre image est très grande, vous aurez la possibilité de cliquer dessus pour effectuer un zoom. -Taille - les dimensions définies dans Agrandir l’image Options du diaporama : -Définir un délai d’attente, en secondes - délai entre chaque changement d’image. -Lecture automatique - vous pouvez configurer les images pour qu’elles changent automatiquement. ​-Afficher les boutons Lecture et Pause - ces boutons vous permettant de figer ou de reprendre la lecture automatique. -En boucle - l’activation de l’option indiquera à la galerie de poursuivre la lecture automatique, même après avoir atteint la dernière image. -Définir Type de navigation sur Boutons, Boutons et chiffres, ou Aucun  -Superposer les flèches Précédent/Suivant pour naviguer entre les images.

Remarques :

-La limite permise est de 200 images par téléversement; néanmoins, cela puisse varier en fonction de votre connexion Internet.
-Le téléversement de fichiers compressés, tels que .zip ou .rar, n’est pas pris en charge.