Script edit.png État des traductionsCette page est l'une des 25 que nous aimerions voir traduites en français.
De.png ÜbersetztGb.png Translation requestedEs.png No traducidoFr.png OriginalRu.png Не переведено

de:Anleitung zum Schreiben/Bildergalerie en:Writing Guide/Image gallery fr:Guide de rédaction/Galerie d'images

Si l'on a plusieurs images, on peux utiliser la "galerie de fichiers".

En mode d'édition d'une page, voici la barre d'outil d'édition du wiki, en Mode Avancé


<gallery>
Image1.png|La description, date du lucio...
Dummy.png|Description 2
</gallery>

Cela facilite la lecture/modification du code wiki, car avec les balises gallery, chaque image sera sur une ligne (dans le code wiki), avec une syntaxe simple : nomdufichier.jpg la "barre verticale" (AltGr+6) et une description (pouvant être mis en forme, contenir des liens vers d'autres pages,...) :

Sommaire

Des exemples

Avec beaucoup d'images de tailles similaires, avec des balises caption (titre), widths (largeur) et heights (hauteur) :
code: <gallery caption="Un titre avec caption" widths="180px" heights="120px" >>


Et la meme avec le code <gallery caption="en 50px" heights="50px" >>


La même, avec <gallery mode=nolines>

<gallery mode=packed>

Les images sont affichées avec une hauteur identique, la largeur pouvant varier pour respecter le ratio original.

avec <gallery mode=packed> moins l'image trop large : centré et gain de place

<gallery mode="packed-hover" heights=64px perrow=7 >

mode=packed-overlay

<gallery mode=packed-overlay>

Slideshow avec titre caption

<div style="max-width: 350px;"> <gallery caption="Titre exemple" mode=slideshow>... </gallery> </div>

Similaire (2 images) avec hauteur plus petite (heights="20px") est KO

La syntaxe

Source : https://fr.wikipedia.org/wiki/Aide:Galerie et https://fr.wikipedia.org/wiki/Aide:Galerie/avanc%C3%A9e

Attributs et valeurs utiles

Réduire la taille avec une balise div (un ex ici): <div style="width:600px"> ... </div>

Options complémentaires image par image
(à insérer à la suite des noms de fichiers)
Effet Notes
  alt=texte texte Insère un texte alternatif pour les non-voyants. 120 caractères max.
  <div style="text-align:center;">texte</div> texte La légende sera centrée (corrige l'affichage justifié à gauche par défaut)
  <div style="text-align:right;">texte</div> texte La légende sera justifiée à droite (corrige l'affichage justifié à gauche par défaut)
  <div style="text-align:left;">texte</div> texte La légende sera justifiée à gauche (corrige l'affichage centré du mode=nolines)

Les légendes sont justifiées à gauche par défaut, sauf pour le mode=nolines pour le moment. Il est possible de corriger l'affichage des légendes en utilisant du code HTML.

Récupérée de « https://fr.wiki.ryzom.com/w/index.php?title=Guide_de_rédaction/Galerie_d%27images&oldid=80237 »