NIH | National Cancer Institute | NCI Wiki  

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

To insert an image using the Confluence editor:

  1. In the page you want to change, click Edit
Note
titleImage Size Limits

Typically, images up to 13 inches wide are displayed without causing the horizontal scroll bar to appear when the browser is full-screen. Wider images make scrolling necessary and may cause the page, the wiki markup or both, to be displayed improperly, so that lines no longer wrap.

To display an image on a page:

  1. Open the page on which you want to see the image.
  2. Click the Insert/Edit Image icon and complete the dialog; this Atlassian page has detailed steps.

You can also insert an image in the wiki markup.

  1. Click the Attachments tab and complete the dialog to upload an image from your computer.
  2. Click the Edit tab and then the Wiki Markup tab.
  3. At the place on the page where you want

    to display

    the image

    , type the wiki markup shown here, using the name of your image.

Markup

Displayed Image

!caBIGlogo.gif!

Image Removed

To insert an image that is attached to another page, use the wiki markup shown here, with the names of your image and page, and your space key (name of the space in the URL displayed in the browser).

Image Location

Markup

Displayed Image

Attached to another page in the same space
(Be sure all users in your group can view the page.)

!Wiki Training, FAQs and Tips, Guidelines^caBIGlogo.gif!

Image Removed

Attached to another page in a different space
(Be sure all users in your group can view the page.)

!caCORE:EVS^EVSTiny80.jpg!

Image Removed

To display alternative text for an image, use the following wiki markup:

...


!image.gif|alt=Image!

To format an image, use HTML image attributes as follows:

...


!image.gif|align=right,border=2,bordercolor=blue!!

[info:title=HTML image attributes supported in Confluence 2.8}

...

  1. to appear, press <Ctrl+M>. The Insert files and images dialog box appears. 

  2. Select the image to insert. There is an upload files function so that you can attach images to the current page. There is also a search function to find images on other Confluence pages. 
  3. Click Insert. The image appears on the page, with a row of buttons (the image properties panel). 
  4. Complete the image properties.

We attached an example image to this page and inserted it below, as explained in the preceding steps.

NCIP logoImage Added

Also refer to the following Atlassian help page:

Show If
groupGP-CFW_ADMINS

7.3

Display Files and Images

Multiexcerpt include
MultiExcerptNameExitDisclaimer
nopaneltrue
PageWithExcerptwikicontent:Exit Disclaimer to Include

...

Source: http://confluence.atlassian.com/display/DOC/Displaying+an+Image May 16, 2008