CCM - Insérer une image dans une discussion

Insertion via le bouton d'édition

Lorsque vous ouvrez une nouvelle discussion ou que vous faites une réponse, apparaissent des boutons de mise en forme, dont le dernier permet d'insérer une image depuis votre disque dur et de l'afficher directement dans votre message, comme ceci: 


Rien de plus simple à utiliser: 
- dans votre message, cliquez à l'endroit où vous souhaitez insérer votre image, cliquez sur le bouton, indiquez le fichier à ajouter, 
- puis cliquez sur le bouton valider, ce qui recharge la page et affiche un lien automatiquement dans votre message. 

Continuez votre message, ou s'il est terminé, prévisualisez le pour voir ce que ça donne avant de l'envoyer... 

Heberger une image en externe

Des services d'hébergement d'image sont disponibles : Hébergement gratuit d'images et de photos 

En mettant un lien vers une image déjà en ligne

Cliquez à l'endroit où vous souhaitez insérer votre image. 
Mettre Image: suivi de l'URL de l'image, le tout entre simples crochets. 
(Il ne faut pas d'espaces entre les crochets, Image et les deux points) 
Vous pouvez limiter la taille de l'image entre simples barres : 


L'image s'affichera telle qu'elle est hébergée sur le web, ce qui peut être très pratique, par exemple, pour intégrer une image animée Gif. 
Attention toutefois à la permanence de l'image sur le web. 

Alignement

Par défaut, l'image est alignée à droite (valeur |right dans la fin de la balise) :

• Pour centrer l'image, supprimez le mot right :
• Pour aligner l'image à gauche, remplacez |right par |left :

Images cliquables

Les images qui font plus de 500 pixels de large seront systématiquement réduites à 500 pixels. 
Pour permettre un affichage agrandi de vos images vous devrez modifier manuellement vos liens. 

Après avoir chargé votre image vous obtenez ce lien : 

[Image: http://static.commentcamarche.net/www.commentcamarche.net/pictures/zUtD2iXG-monimage-s-.png|500px|right] 

HP Pavilion dv3-2127tx dv3-2128tx dv3-2129tx battery

Pour créer une image cliquable :

• Il faut copier l'URL de l'image, de http à .png.
• Ajouter un espace
• Ajouter un symbole "[" en début de ligne (cliquer sur Alt Gr+5).
• Coller l'URL après le "[" en supprimant le -s-
• Ajouter un symbole " ] " en + à la fin de la balise (cliquer sur Alt Gr+°).

Ce qui donnera : 

[http://static.commentcamarche.net/www.commentcamarche.net/pictures/zUtD2iXG-monimage.png [Image:http://static.commentcamarche.net/www.commentcamarche.net/pictures/zUtD2iXG-monimage-s-.png|500px|right]] 

NB : Si toutefois vous n'arriviez pas à poster une image et qu'un message de refus devait s'afficher : 


Vérifiez que dans la dénomination de votre image il n'y ait pas de parenthèses ( ) 

Dans cet exemple, le fichier (image) à poster contient des parenthèses : "CONNEXION HC (HDMI 1.4 ARC)" , il faut donc que vous renommiez votre fichier comme suit : "CONNEXION HC HDMI 1.4 ARC" et le problème ne se posera plus. 

Image cliquable s'ouvrant dans un nouvel onglet

Pour ce faire (Merci à Zipe31) 
il suffit de rajouter, en finale, avant le dernier ], les termes "|blank" 
ce qui pour l'image proposée, au dessus, donnera