|
|
Ligne 59 : |
Ligne 59 : |
| </gallery> | | </gallery> |
| | | |
− | * avec <nowiki><gallery mode=packed></nowiki>
| + | === <nowiki><gallery mode=packed></nowiki> === |
| <gallery mode=packed> | | <gallery mode=packed> |
| Barreswiki.png|Barre d'outil du mode édition de ce wiki | | Barreswiki.png|Barre d'outil du mode édition de ce wiki |
Ligne 76 : |
Ligne 76 : |
| </gallery> | | </gallery> |
| | | |
− | packed-overlay | + | Un autre exemple, <nowiki><gallery mode="packed-hover" heights=64px perrow=7 ></nowiki> |
| + | <gallery mode="packed-hover" heights=64px perrow=7 > |
| + | File:Atrium_(GM)_guild.png|Support |
| + | File:Animation guild-icon.png|Animation |
| + | File:Level-Design guild icon.png|Level-Design |
| + | File:Lore Team guild-icon.png|Lore |
| + | File:Ryzom Forge Graphics guild-icon.png|Graphics |
| + | File:Ryzom InCode Developers guild-icon.png|Developers |
| + | File:Translation Team guild-icon.png|Translation |
| + | </gallery> |
| + | |
| + | === packed-overlay === |
| <gallery mode=packed-overlay> | | <gallery mode=packed-overlay> |
| Dummy.png|Ex 1 | | Dummy.png|Ex 1 |
Version du 31 mars 2020 à 01:59
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) :
- 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 !
Et la meme avec heights=50 px
- 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 !
- 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 !
<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 !
Un autre exemple, <gallery mode="packed-hover" heights=64px perrow=7 >
packed-overlay
Slideshow avec titre caption
- Titre exemple
Une description longue mais nécessaire à la page où figure cette galerie d'image, car on peux aussi mettre en forme !
Similaire (2 images) avec hauteur plus petite (heights=50px) est KO
✗
La syntaxe
Source : https://en.wikipedia.org/wiki/Help:Gallery_tag?uselang=fr
Attributs et valeurs utiles