Aide:Galerie

Dans l'article d'aujourd'hui, nous allons analyser l'importance de Aide:Galerie dans nos vies. Aide:Galerie est un sujet qui a gagné en pertinence ces dernières années et de plus en plus de personnes souhaitent en savoir plus. Dans cet article, nous aborderons divers aspects liés à Aide:Galerie, depuis ses origines et son évolution, jusqu'à son impact sur la société actuelle. De plus, nous examinerons comment Aide:Galerie a influencé différents domaines, tels que la culture, la technologie, l'économie et même la politique. Sans aucun doute, Aide:Galerie a été un facteur déterminant dans notre façon de vivre et de penser aujourd’hui. Rejoignez-nous dans cette exploration de Aide:Galerie et découvrez pourquoi il est si pertinent pour le monde dans lequel nous vivons.

Aide de Wikipédia > Insérer une image, une référence, etc. > Import des images, mise en page et droit d'auteur
Wikicode
Cette page ne concerne que le wikicode (liens « modifier le code »).
Voir la page d'aide pour l'éditeur visuel.
Quelle différence ?
Niveau avancé
Une galerie d'images sur Wikipédia est une succession d'images organisée horizontalement. Elle se situe souvent en fin d'article ou de section, quand des images particulièrement pertinentes sont présentes en trop grand nombre et ne peuvent pas être placées directement en vignettes flottant dans le corps du texte. La galerie peut avoir un titre ; chaque image doit avoir une légende. Sur la Wikipédia francophone, les galeries sont centrées par défaut. La largeur des galeries s'adapte à la taille d'écran du visiteur.
Voir aussi : Aide niveau expert concernant les galeries et Modifier une galerie avec l'éditeur visuel
Important : Les lecteurs qui ne disposent pas d'une liaison internet performante, ou qui utilisent des lecteurs d'écran, sont gênés par les galeries comportant de trop nombreuses images.

Récapitulatif des codes à employer

Cette liste résume les codes habituellement utilisés.

Codes obligatoires :

  • <gallery> : marque l'ouverture de votre galerie
    En français, « galerie » s'écrit avec un seul « l », mais le wikicode utilise le terme anglais « gallery » qui prend deux « l ».
  • nom du fichier.extension : exemple de contenu minimaliste avec une première ligne de contenu variable (Exemple1.jpg) en principe trouvé sur Commons
  • nom du fichier.extension|alt=Texte alternatif|Légende : exemple de contenu accessible avec une seconde ligne de contenu variable (Exemple2.jpg|alt=Texte alternatif|Légende)
  • </gallery> : clôt la galerie
  • Les préfixes des images, Fichier:, File: ou Image:, sont nécessaires pour une bonne lisibilité du code.

Codes optionnels :

  • caption="..." : le titre de la galerie, à insérer à l'intérieur des deux guillemets pour éviter les problèmes de typographie (le titre est centré à l'affichage)
  • perrow=  : définit le nombre d'images par ligne ; n'agit que par réduction du nombre de vignettes, qui seront « au maximum » au nombre fixé
  • showfilename : fait apparaître le nom de fichier de chaque image au-dessus de leurs titres.

Modes d'affichage optionnels :

  • mode=traditional : images affichées avec une bordure, légendes apparentes en dessous. Mode par défaut, il peut être omis.
  • mode=nolines : idem, mais les bordures sont masquées, et les légendes centrées
  • mode=packed : images affichées sans bordures avec une hauteur identique (largeur adaptée automatiquement si besoin), légendes au-dessous des images
  • mode=packed-hover : images affichées avec une hauteur identique, légendes n'apparaissant qu'au passage de la souris sur les images.
  • mode=packed-overlay : images affichées avec une hauteur identique, légendes permanentes en surimpression sur les images.

Explications

Syntaxe usuelle

La syntaxe usuelle d'une galerie d'image est la suivante : 

<gallery>
Fichier:Tomato.svg|Une légende.
Fichier:Tomato.svg|Une légende.
Fichier:Tomato.svg|Une légende.
Fichier:Tomato.svg|Une légende avec un ].
Fichier:Tomato.svg|Une légende.
</gallery>

avec pour résultat :

  • Une légende.
    Une légende.
  • Une légende.
    Une légende.
  • Une légende.
    Une légende.
  • Une légende avec un lien.
    Une légende avec un lien.
  • Une légende.
    Une légende.

Options de base

Les galeries créées avec <gallery> admettent divers paramètres :

  • perrow donne le nombre d'images maximum par ligne (si la résolution de l'affichage l'autorise ; sinon le nombre d'images par ligne sera réduit pour s'adapter à celle-ci). Ce paramètre est ignoré lorsqu'il est utilisé avec mode=packed et ses déclinaisons.
  • caption permet d'afficher un titre au-dessus de la galerie.
  • alt permet, comme les images avec thumb, d'afficher un texte « alternatif » pour les non-voyants et les lecteurs d'écran n'ayant pas accès aux images. Le texte alternatif doit être aussi concis que possible (éviter de dépasser 120 caractères).

Exemple d'utilisation de perrow dans une galerie comportant aussi un titre et des textes alternatifs : 

<gallery perrow="3" caption="Galerie avec paramètre perrow">
Fichier:Tomato.svg|alt=Moitié de tomate coupée dans sa hauteur|Une tomate coupée.
Fichier:Tomato.svg|alt=Moitié de tomate coupée dans sa hauteur|Une tomate coupée.
Fichier:Tomato.svg|alt=Moitié de tomate coupée dans sa hauteur|Une tomate coupée.
Fichier:Tomato.svg|alt=Moitié de tomate coupée dans sa hauteur|Une tomate coupée.
Fichier:Tomato.svg|alt=Moitié de tomate coupée dans sa hauteur|Une tomate coupée.
Fichier:Tomato.svg|alt=Moitié de tomate coupée dans sa hauteur|Une tomate coupée.
</gallery>

Résultat :

  • Galerie avec paramètre perrow
  • Moitié de tomate coupée dans sa hauteur
    Une tomate coupée.
  • Moitié de tomate coupée dans sa hauteur
    Une tomate coupée.
  • Moitié de tomate coupée dans sa hauteur
    Une tomate coupée.
  • Moitié de tomate coupée dans sa hauteur
    Une tomate coupée.
  • Moitié de tomate coupée dans sa hauteur
    Une tomate coupée.
  • Moitié de tomate coupée dans sa hauteur
    Une tomate coupée.


Modes d'affichage

Le paramètre mode permet de choisir la disposition des images ou des légendes, ou la taille du cadre.

  • traditional : C'est le mode par défaut, il peut être omis. 
    <gallery mode="traditional">
  • nolines : La présentation est sensiblement la même que le mode traditional, mais les images sont alignées verticalement vers le haut, les bordures masquées, et les légendes centrées horizontalement. 
    <gallery mode="nolines">
  • packed : Les images sont affichées avec une hauteur identique, la largeur pouvant varier pour respecter le ratio original. L'espace horizontal entre les images est réduit. 
    <gallery mode="packed">

Options déconseillées

Variantes de packed

Les modes packed-hover et packed-overlay, destinées à supprimer l'espace vertical occupé par les légendes sous les images, posent de sérieux problèmes d'affichage pour la plupart des galeries contenant des légendes. Ils doivent être utilisés avec précaution :

  • Sur les écrans ne disposant pas de la fonction survol de la souris :
    • en packed-hover, la légende est totalement invisible sans possibilité de l'afficher ;
    • en packed-overlay, seul le début de la légende est visible, sans possibilité d'afficher la suite.
  • Recouvrement de l'image par la légende :
    • en packed-overlay, selon la hauteur des images, la légende peut en recouvrir une bonne partie, empêchant de les voir correctement ;
    • dans les deux modes, au survol de la souris, la légende va encore davantage masquer l'image, voire déborder verticalement au-dessus de la galerie, recouvrant d'autres éléments de la page tels que le texte de l'article, et empêchant de cliquer sur l'image pour l'agrandir (il faut sortir la souris de la légende puis survoler à nouveau l'image dans une zone hors-légende).
  • Certains navigateurs (sans Javascript) affichent par défaut le mode packed (avec des images de hauteur fixe, non réajustées en taille entre les marges, seulement centrées).

Utilisez plutôt le mode packed pour toujours afficher la légende sous les images tout en conservant la disposition compacte et les images cadrées à la même hauteur. Une autre solution pour utiliser le mode packed-hover est d'augmenter sensiblement la hauteur par défaut des images avec l'option heights=200px (voir par exemple Béarn#Galerie d'images).

  • packed-overlay
    Comme avec le paramètre packed, les images sont affichées avec une hauteur identique (120px par défaut), mais la légende apparaît de manière constante en surimpression de l'image (et peut parfois déborder au-dessus de son cadre lorsque la légende est un peu trop longue). Toutefois le comportement a depuis été amélioré : si le navigateur prend en charge le survol, la hauteur de la légende affichée en permanence sera limitée à une seule ligne (la légende visible sera tronquée), mais la légende complète sera affichée en survolant l'image.
    <gallery mode="packed-overlay">
  • packed-hover
    Variante de packed-overlay, la légende étant totalement cachée et n'apparaissant intégralement qu'au passage de la souris.
    Certains navigateurs afficheront par défaut le mode packed-overlay à la place de celui-ci.
    <gallery mode="packed-hover">
<gallery mode="packed-hover" heights="200px">

Personnalisation

Il peut être déconseillé de personnaliser les galeries en dehors des modes qui viennent d’être décrits ci-dessus, ce par souci de cohérence entre les diverses pages de Wikipédia et pour ne pas compliquer la syntaxe des articles et en conséquence leur maintenance.

Dans la Wikipédia francophone, par défaut, les galeries sont centrées, les légendes sont justifiées à gauche (sauf avec le mode nolines) et la largeur des galeries s'adapte à la taille d'écran du visiteur ou à ses préférences.

Pour une présentation des images avec le modèle {{Animation}} ou dans un tableau, ou pour modifier la présentation du texte des légendes, voir Aide:Galerie/avancée.

Notes

  1. ↑ Depuis 2014, ces codes ne sont plus obligatoires pour le bon fonctionnement de la galerie, mais la documentation générale recommande de les conserver pour la lisibilité du code.

Voir aussi