Une fois l’image est importée dans le Wiki GCcollab, la placer dans votre page est un jeu d’enfant. 


Voici le code pour placer une image (Monitors.jpg) téléchargée vers une page du Wiki, et le résultat.exemple de code pour placer une imageexemple d'une image


Légendes

Vous pouvez aussi ajouter une légende à une image, en utilisant la barre verticale. Le texte s’affichera quand un utilisateur placera le pointeur de la souris sur l’image. Cette fonction est important pour l'accessibilité.

exemple du code pour inserer la même image, avec une légendeexemple image avec la légende visible: Bonjour!


Images en Vignette

Vous pouvez aussi insérer l’image en vignette (format plus petit) en suivant le code ci-dessous. « thumb » indique au wiki que l’image doit s’afficher en vignette, et « 100px » signifie que la résolution de la vignette sera de 100 pixels.

exemple du code pour inserer la même image, mais en vignette avec un sous-titreexemple d'image en vignette avec un sous-titre


Alignement d'images

Pour placer l’image à gauche ou au centre, il suffit d’ajouter « left » ou « centre » comme dans le code ci-dessous.exemple de code pour inserer deux image, un à la droite et l'autre au centre


Galerie d'images

La syntaxe de base pour la création d’une galerie s’apparente à ce qui suit :

exemple d'une galerie d'image, les sous-titres sont: "Goutte d'eau", "Québec", et "Le Lac"


La ligne « image » peut être répétée en fonction du nombre d’images que vous avez à afficher. Pour ajouter une galerie à une page wiki nouvelle ou existante :

  • Copiez le texte ci dessus dans l’encadré bleu
  • Rendez­vous à votre nouvelle page
  • Collez l’échafaud afin de recréer la mise en page dans votre propre page
  • Copiez et collez la ligne « image » pour chaque image que vous souhaitez ajouter

Les grandes photos sont automatiquement ramenées aux dimensions standard Wiki de la galerie, et le nombre d’images dans chaque rangée de la galerie est réajusté conformément aux dimensions de l’écran sur lequel la galerie est visualisée.