Guide de rédaction/Galerie d'images : Différence entre versions

Version du 16 avril 2020 à 04:23

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 !

Sommaire

1 Des exemples
2 La syntaxe
- 2.1 Attributs et valeurs utiles

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

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

@@ Ligne 23 : / Ligne 23 : @@
 * Le code <nowiki><gallery>....</gallery></nowiki>, 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) :
+Avec beaucoup d'images de tailles similaires, avec des balises caption (titre), widths (largeur) et heights (hauteur) :<br />
+code: <nowiki><gallery caption="Un titre avec caption" widths="180px" heights="120px" >></nowiki>
 <gallery caption="Un titre avec caption" widths="180px" heights="120px" >>
 Dummy.png|L'emblème de l'ASA, ex de gallerie
@@ Ligne 35 : / Ligne 36 : @@
-Et la meme avec heights=50 px
+Et la meme avec le code <nowiki><gallery caption="en 50px" heights="50px" >></nowiki>
 <gallery caption="en 50px" heights="50px" >>
 Dummy.png|L'emblème de l'ASA, ex de gallerie
@@ Ligne 47 : / Ligne 48 : @@
-* La même, avec <nowiki><gallery mode=nolines></nowiki>
+=== La même, avec <nowiki><gallery mode=nolines></nowiki>===
 <gallery mode=nolines>
 Barreswiki.png|Barre d'outil du mode édition de ce wiki
@@ Ligne 76 : / Ligne 77 : @@
 </gallery>
-Un autre exemple, <nowiki><gallery mode="packed-hover"  heights=64px perrow=7 ></nowiki>
+=== <nowiki><gallery mode="packed-hover"  heights=64px perrow=7 ></nowiki> ===
 <gallery mode="packed-hover"  heights=64px perrow=7 >
 File:Atrium_(GM)_guild.png|Support
@@ Ligne 87 : / Ligne 88 : @@
 </gallery>
-=== packed-overlay ===
+=== mode packed-overlay ===
 <gallery mode=packed-overlay>
 Dummy.png|Ex 1
@@ Ligne 100 : / Ligne 101 : @@
 === Slideshow avec titre caption ===
+<nowiki><div style="max-width: 350px;"></nowiki>
 <div style="max-width: 350px;">
 <gallery caption="Titre exemple" mode=slideshow>
@@ Ligne 108 : / Ligne 110 : @@
 </div>
-Similaire (2 images) avec hauteur plus petite (heights=50px) est KO {{KO}} <gallery heights=50px mode=slideshow>
+Similaire (2 images) avec hauteur plus petite (heights=20px) est KO {{KO}}
+<gallery heights=20px mode=slideshow>
 Dummy.png|Description 1
 Dummy.png|Description 2

De EncyclopAtys