Displaying an image from either a remote source or from an attached file is easy.
This page shows you how to display an image using Confluence Notation, aka Wiki Markup. You can also use the Rich Text editor to insert an attached image into your page.
To display an image from a remote source,
You need to know the url from which the image can be linked.
What you need to type |
What you will get |
|---|---|
!http://www.atlassian.com/images/confluence_feature.gif! |
|
To display an image attached to a page,
Once you attach the image, you can display it from the page like this:
What you need to type |
What you will get |
|---|---|
|
|
Warning
Confluence will only allow you to attach a file when you have already created a page.
Example of use
Is there any way to upload an attachement only one time? Like a html homepage, where you load a picture on the server and after that you are able to link that file for the next time you need that attachement. So we have to upload one image 10 times if we want to use them on another site?
1. Attach image to a particular page.
2. An user needs to have view permission for that page.
3. To link to this resource use the syntax highlighted above:
!Home^myimg.jpg! or even !SPACE:Home^myimg.jpg!
To display an image attached to another Confluence page,
You need to edit in 'Wiki Markup' mode.
What you need to type |
What you will get |
|---|---|
|
|
Where:
'Space Attachments Directory' is the name of the page containing the attachment.
To format an image,
You need to edit in 'Wiki Markup' mode.
What you need to type |
What you will get |
|---|---|
|
|
For any image, you can also specify attributes of the image tag as a comma-separated list of name=value pairs. Available image tags include:
- align — available values are 'left', 'right', 'bottom', 'center', 'top'.
- border — specify the width of the border (in pixels).
- hspace --- specify the amount of whitespace to be inserted to the left and right of the image (in pixels).
- vspace --- specify the amount of whitespace to be inserted above and below the image (in pixels).
- width --- specify the width of the image (in pixels). This will override the natural width of the image.
- height --- specify the height of the image (in pixels). This will override the natural height of the image.
RELATED TOPICS
Rich Text-Inserting an image
Attaching Files to a Page
Image File Formats
Thumbnail Macro
Gallery Macro
Take me back to Confluence 2.0 Home