Modèle:FormPart/Gallery
Les champs du formulaire doivent être entourés de balises "nowiki" afin de permettre leur inclusion dans des templates.
Paramètres
Paramètre | Contenu | Valeur par défaut |
---|---|---|
title | Titre | Galerie |
icon_class | Classe CSS à appliquer pour l'icone | icon_gallery_ex |
class | Classe CSS à appliquer | smfo_style5 |
text | Texte d'explication | * '''Galerie d'images.''' |
param | Nom du paramètre utilisé par le formulaire | gallery |
Exemple
{{FormPart/Gallery|title=Design|text=Explications.}}
Résultat
Design
<fieldset class="smfo_style5 wbg06 smfo_descfield">Explications.
{{{field|gallery|input type=textarea|rows=3|cols=90|autogrow|placeholder=Insérer des images}}}
Aide
Enregistrer des images
Première méthode
Déclarer les noms de fichiers en syntaxe wiki et enregistrer normalement l'article. Même si l'image n’existe pas sur le site, un lien rouge apparaîtra à la place et il suffit alors de cliquer dessus pour uploader une image.
Seconde méthode
Utiliser cette page => Special:Upload, afin d'enregistrer au préalable les images avant de les utiliser.
- Pour de plus amples explications sur l'ajout de fichiers, consultez l'aide.
Rédaction
C'est un champ de texte libre, on peut donc insérer les images de n'importe quelle manière, mais deux méthodes sont néanmoins conseillées pour la mise en page.
1.Liste d'images dans un div spécial
Consiste à créer une liste d'images incluses dans une paire de tags <div class="gallery_wiki"></div>. Les images seront automatiquement alignées horizontalement tant que la largeur de la fenêtre le permet, puis les images suivantes sont réparties sur une autre ligne.
Syntaxe:
* image_en_syntaxe_wiki1 * image_en_syntaxe_wiki2 * image_en_syntaxe_wiki3
Note: L'astérisque en début de ligne et les retours à la ligne sont importants car c'est ce qui fait comprendre à Mediawiki qu'il s'agit d’éléments d'une même liste.
- + : Plus de clarté pour le rédacteur. Pas de débordement d'images en cas de redimensionnement de la fenêtre.
- - : Pas de contrôle absolu sur la position de chaque image.
2. Tables HTML
- + : Bon contrôle sur la mise en page.
- - : Syntaxe peu lisible, débordera du cadre principal quand redimensionné trop petit.
3. Syntaxe des galeries mediawiki
- + : Simple, syntaxe standard de Mediawiki.
- - : Toutes les vignettes vont faire la même taille, peu adapté aux listes contenant des images de tailles différentes..
Note
Comme le champ est du texte libre, on peut évidemment combiner les différentes méthodes selon les besoins.
Exemple avec une liste dans un div approprié
<div class="gallery_wiki"> * [[Image:Galaxian 04.jpg|700px|thumb|center|[[Saga]] blabla.]] * [[Image:Galaxian 02.jpg|350px|thumb|[[Saga]] blabla.]] * [[Image:Galaxian 08.jpg|250px|thumb|center|[[Saga]] blabla.]] </div>
Exemple avec des tables
<table align="center"> <tr valign="top"> <td>[[Image:Galaxian 05.jpg|375px|thumb|center|[[Saga]] ......]]</td> <td>[[Image:Galaxian 07.jpg|375px|thumb|center|[[Saga]] ......]]</td> </tr> <tr valign="top"> <td>[[Image:Galaxian 08.jpg|375px|thumb|center|[[Saga]] ......]]</td> <td>[[Image:Galaxian 09.jpg|375px|thumb|center|[[Saga]] ......]]</td> </tr> </table>
Exemple avec une galerie Mediawiki
<gallery> Image:Example.jpg|Item 1 Image:Example.jpg|un lien vers [[Help:Contents/fr]] Image:Example.jpg Image:Example.jpg Image:Example.jpg|''légende en italique'' </gallery>