Aide: Insérer des images dans un article

De Guide MFC
Révision datée du 11 juillet 2008 à 01:14 par Olivierc (discussion | contributions) (Image unique en milieu de page)
(diff) ← Version précédente | Voir la version actuelle (diff) | Version suivante → (diff)
Aller à : navigation, rechercher

Mediawiki offre plusieurs possibilités d'insérer une image dans un article (cf [1] et [2]).

Dans la pratique, seules quelques variations sont à utiliser.

Image unique en bordure de texte

Pré dans le Englischer Garten

Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple

Le code à utiliser est :

[[Image:Ocn0704c 5.jpg|right|thumb|200px|Pré dans le [[Englischer Garten]]]]

Alternativement, on peut se faciliter la vie et utiliser le modèle tout fait :

{{Image à droite|Ocn0704c 5.jpg|Pré dans le [[Englischer Garten]]}}

Comme on peut le voir, il est possible d'utiliser des liens dans la description de l'image. L'image sera redimensionée afin pas dépasser les 200 pixels de large (il n'y a malheureusement pas moyen de limiter la hauteur), faute de quoi le texte n'aurait plus assez de place pour entourer l'image de façon esthétique.

Image unique en milieu de page

A utiliser pour mettre une image particulièrement en valeur, L'image est démarquée du texte qui l'entoure, et il est possible d'utiliser uen taille d'image plus importante.

Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple

Pré dans le Englischer Garten

Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple, Un texte d'exemple

Le code à utiliser est :

[[Image:Ocn0704c 5.jpg|frame|center|Pré dans le [[Englischer Garten]]]]

Alternativement, on peut se faciliter la vie et utiliser le modèle tout fait :

{{Image au centre|Ocn0704c 5.jpg|Pré dans le [[Englischer Garten]]}}

Il n'y a malheureusement pas moyen de spécifier une taille d'image (si on la spécifie, elle n'est pas prise en compte), c'est la taille effective de l'image qui est prise en compte.

Gallerie d'images

Il est possible de faire générer automatiquement une gallerie d'images :

Le code à utiliser est :

<gallery>
Image:Ocn0704c 5.jpg|Image 1
Image:Ocn0704c 5.jpg|Image 2
Image:Ocn0704c 5.jpg|Image 3
Image:Ocn0704c 5.jpg|Image 4
Image:Ocn0704c 5.jpg|Image 5
</gallery>

Il faut mettre une image par ligne (sans les crochets) suivie de la description. La mosaïque est générée automatiquement, y compris les nouvelles lignes toutes les 4 images.

Forcer la pleine largeur du texte

On voit dans l'exemple 1 que le nouveau paragraphe n'utilise que la moitié gauche de la page, bien que l'image soit finie. Ceci peut se révéler inesthétique.

Pré dans le Englischer Garten

in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Nouveau paragraphe : Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis

En insérant le modèle

{{Clr}}

on peut forcer le texte à utiliser à nouveau toute la largeur de la page en commençant seulement sous l'image.

Pré dans le Englischer Garten

in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.(modèle Clr placé ICI)

Nouveau paragraphe : Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis