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.

les options des images

Lors de l'ajout d'une image vous pouvez déplier un lien "options" avec les choix suivant :

- lien : donnez une url cible pour l'image, cela permet de transformer l'image en lien vers une autre page. Pour que cela fonctionne il faut que l'image ne soit pas en vignette (par défaut une vigette pointe sur l'image agrandie, pas une autre page).

- redimensionner : yacs redimensionne les images selon le paramétrage fait dans panneau de controle>>fabrication des pages>>images. Si vous décochez cette case le traitement ne sera pas effectué.

- contrôle de l'utilisation de la vignette : Par défaut yacs utilise une vignette si le poids de image depasse un seuil (réglable dans la fabrication des pages). Vous pouvez :