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

Version du 14 juillet 2020 à 12:31

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>

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

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://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>

@@ Ligne 121 : / Ligne 121 : @@
 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 [[Tags PvP Roleplay|ex ici]]): <nowiki><div style="width:600px"> ... </div></nowiki>
 <noinclude>

De EncyclopAtys