m (→Slideshow avec titre caption) |
m (→) |
||
Ligne 61 : | Ligne 61 : | ||
=== <nowiki><gallery mode=packed></nowiki> === | === <nowiki><gallery mode=packed></nowiki> === | ||
+ | Les images sont affichées avec une hauteur identique, la largeur pouvant varier pour respecter le ratio original. | ||
<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 66 : | Ligne 67 : | ||
Wiki-bar-insimg.png|Une description longue mais nécessaire à la page où figure cette galerie d'image, car on peux aussi ''mettre en forme'' ! | Wiki-bar-insimg.png|Une description longue mais nécessaire à la page où figure cette galerie d'image, car on peux aussi ''mettre en forme'' ! | ||
</gallery> | </gallery> | ||
+ | |||
avec <nowiki><gallery mode=packed></nowiki> moins l'image trop large : centré et gain de place | avec <nowiki><gallery mode=packed></nowiki> moins l'image trop large : centré et gain de place | ||
<gallery mode=packed> | <gallery mode=packed> |
Si l'on a plusieurs images, on peux utiliser la "galerie de fichiers".
<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,...) :
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" >>
Et la meme avec le code <gallery caption="en 50px" heights="50px" >>
Les images sont affichées avec une hauteur identique, la largeur pouvant varier pour respecter le ratio original.
avec <gallery mode=packed> moins l'image trop large : centré et gain de place
<div style="max-width: 350px;"> <gallery caption="Titre exemple" mode=slideshow>
Similaire (2 images) avec hauteur plus petite (heights="20px") est KO ✗
Source : https://en.wikipedia.org/wiki/Help:Gallery_tag?uselang=fr