m (→Slideshow) |
m (→Des exemples) |
||
| Ligne 23 : | Ligne 23 : | ||
* Le code <nowiki><gallery>....</gallery></nowiki>, utilisé plus haut utilise par défaut le mode traditional. | * Le code <nowiki><gallery>....</gallery></nowiki>, utilisé plus haut utilise par défaut le mode traditional. | ||
| − | Avec beaucoup d'images de tailles similaires, titre, widths (largeur) et heights (hauteur) : | + | Avec beaucoup d'images de tailles similaires, avec des balises caption (titre), widths (largeur) et heights (hauteur) : |
<gallery caption="Un titre avec caption" widths="180px" heights="120px" >> | <gallery caption="Un titre avec caption" widths="180px" heights="120px" >> | ||
Dummy.png|L'emblème de l'ASA, ex de gallerie | Dummy.png|L'emblème de l'ASA, ex de gallerie | ||
| Ligne 33 : | Ligne 33 : | ||
Dummy.png|Titre 5 | Dummy.png|Titre 5 | ||
</gallery> | </gallery> | ||
| + | |||
| + | |||
| + | Et la meme avec heights=50 px | ||
| + | <gallery caption="en 50px" heights="50px" >> | ||
| + | Dummy.png|L'emblème de l'ASA, ex de gallerie | ||
| + | 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'' ! | ||
| + | Dummy.png|Titre 1 | ||
| + | Dummy.png|Titre 2 | ||
| + | Dummy.png|Titre 3 | ||
| + | Dummy.png|Titre 4 | ||
| + | Dummy.png|Titre 5 | ||
| + | </gallery> | ||
| + | |||
* La même, avec <nowiki><gallery mode=nolines></nowiki> | * La même, avec <nowiki><gallery mode=nolines></nowiki> | ||
Version du 3 janvier 2020 à 03:37
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".
- 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
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 !
Titre 1
Titre 2
Titre 3
Titre 4
Titre 5
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 !
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
- avec <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
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
La syntaxe
Source : https://en.wikipedia.org/wiki/Help:Gallery_tag?uselang=fr