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

De EncyclopAtys

(Slideshow avec titre caption)
m
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 à 00: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,...) :

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


Et la meme avec heights=50 px


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

<gallery mode=packed>

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

Un autre exemple, <gallery mode="packed-hover" heights=64px perrow=7 >

packed-overlay


Slideshow avec titre caption

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