Comment positionner une image dans un article ?

Tout comme les articles, les images (de même que les fichiers, les sections, etc.) sont repérées par un identifiant unique, qui est créé lors de l'enregistrement sur le serveur.

La première étape est donc d'attacher une image à un article : créer son article, l'enregistrer, puis utiliser le menu 'ajouter une image'. A l'issue de la procédure, par défaut, une image est ajoutée en bas du texte. On la repère en choisissant la commande 'modifier' de l'article, et en allant en bas de l'article, on voit [image=123]( voir l'image en bas de ce texte) Ici, j'ai positionné l'image sans indiquer de position (droite, gauche ou centré).

Insérer cette balise n'importe où dans le texte va provoquer l'affichage de l'image en question là où l'on a placé la balise. Il reste parfois à faire quelques réglages, au vu de ce que donne l'affichage (il suffit en général de déplacer la balise dans le texte pour obtenir ce que l'on veut).

Bien sûr, on peut également prédéfinir un affichage avec [image=123,center], ou encore [image=123,left], ou encore [image=123,right]

On peut attacher l'image à un article, ou bien encore la mettre où on veut dans l'arborescence des sections : il suffit de l'appeler pour qu'elle s'affiche, depuis n'importe où.

L'avantage, c'est que l'on peut utiliser l'image autant de fois que l'on veut, dans tout un tas d'articles différents, tout en ne l'ayant chargée qu'une seule fois sur le serveur.



Le code [img] est supporté, par compatibilité avec le BBCode. Mais dans YACS on privilégie les mots entiers plutôt que les abréviations, et c'est pour cette raison que [image] a pris le dessus...

Voici en résumé toutes les façons d'insérer une image :

- [image=123] pour insérer l'image numéro 123

- [image=123,left] pour insérer l'image numéro 123, en la cadrant à gauche

- [image=123,center] pour insérer l'image 123, en la centrant dans la page

- [image=123,right] pour insérer l'image 123, en la cadrant à droite

- [img]http://serveur/chemin/image.gif[/img] pour insérer l'image référencée

- [img=ga bu]http://serveur/chemin.image.gif[/img]

• il est également possible de créer une pile d'images animées avec le code

[images=123,456,789]. Dans ce cas, YACS utilise un peu de Javascript pour substituer les images les unes aux autres. Le mieux est d'utiliser des images de même taille pour un meilleur résultat visuel. Ce code est très utile pour présenter les logos de partenaires, en dirigeant les clics vers des pages définies à l'avance.

A venir : les options des images