Guide de rédaction/Galerie d'images

De EncyclopAtys


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

  • Soit via la barre d'outil en mode édition du wiki: cliquer sur Avancé pour développer le Mode Avancé comme dans l'image au dessus, de façon à voir l’icône juste à droite de "Insérer".
En mode d'édition d'une page, voici la barre d'outil d'édition du wiki, en Mode Avancé
  • Soit directement via le code wiki - ce qui s'avère dans ce cas le plus simple, en insérant par exemple ce simple code:


<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,...) :

  • Barre d'outil du mode édition de ce wiki

  • L'emblème de l'ASA, ex de gallerie

  • Une description longue mais nécessaire à la page où figure cette galerie d'image, car on peux aussi mettre en forme !

Des exemples

  • Le code <gallery>....</gallery>, utilisé plus haut utilise par défaut le mode traditional.

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" >>

  • Un titre avec caption

  • L'emblème de l'ASA, ex de gallerie

  • Une description longue mais nécessaire à la page où figure cette galerie d'image, car on peux aussi mettre en forme !

  • Titre 1

  • Titre 2

  • Titre 3

  • Titre 4

  • Titre 5


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

  • en 50px

  • L'emblème de l'ASA, ex de gallerie

  • Une description longue mais nécessaire à la page où figure cette galerie d'image, car on peux aussi mettre en forme !

  • Titre 1

  • Titre 2

  • Titre 3

  • Titre 4

  • Titre 5


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

  • Barre d'outil du mode édition de ce wiki

  • L'emblème de l'ASA, ex de gallerie

  • Une description longue mais nécessaire à la page où figure cette galerie d'image, car on peux aussi mettre en forme !

  • Titre 1

  • Titre 2

  • Titre 3

  • Titre 4

  • Titre 5

<gallery mode=packed>

  • Barre d'outil du mode édition de ce wiki

  • L'emblème de l'ASA, ex de gallerie

  • Une description longue mais nécessaire à la page où figure cette galerie d'image, car on peux aussi mettre en forme !

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

  • L'emblème de l'ASA, ex de gallerie

  • Une description longue mais nécessaire à la page où figure cette galerie d'image, car on peux aussi mettre en forme !

  • Titre 1

  • Titre 2

  • Titre 3

  • Titre 4

  • Titre 5

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

  • Support

  • Animation

  • Level-Design

  • Lore

  • Graphics

  • Developers

  • Translation

mode packed-overlay

  • Ex 1

  • Ex 2

  • Titre 1

  • Titre 2

  • Titre 3

  • Titre 4

  • Titre 5


Slideshow avec titre caption

<div style="max-width: 350px;">

  • Titre exemple

  • Description 1

  • Une description longue mais nécessaire à la page où figure cette galerie d'image, car on peux aussi mettre en forme !

  • Description 2

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

  • Description 1

  • Description 2

La syntaxe

Source : https://en.wikipedia.org/wiki/Help:Gallery_tag?uselang=fr

Attributs et valeurs utiles

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