Placing an image on a KnowledgeBook Page is a two-step process. First the image is uploaded to the "Images" space, then code to link to the image is inserted in the article. Follow these steps:
[H=2]Uploading an Image to the KnowledgeBase[/H]
[H=2]Linking to an Image, Method One[/H]
This method is to be used when displaying the image or its thumbnail in a different article. Only a single image will be displayed.
[H=2]Linking to an Image, Method Two[/H]
Use this method when linking to an Image Article with more than one image attached to it.
[H=2]Uploading an Image to the KnowledgeBase[/H]
- Select "Images" from the KnowledgeBase home page
- Click on "Post New Article"
- The "Title" is required to be exactly the same as your image filename, including the extension.
- Please give your image a file a meaningful name (i.e. "Kennebec Deck Photo.jpg", not "DSC1010123.jpg") because a single image may be linked by several articles, and proper naming will make it easier to find.
- Enter a description of the photo in the text box (this is required).
- Scroll down and click on "Manage Attachements," then select and upload your image file just as with the Forums. Be sure to select the file with the same filename as the Article Title!
- You may upload more than one file, but only the one with the same name as the article will display when linked to. The others will only be available if using Linking Method Two (below).
- Finish by clicking "Post New Article"
[H=2]Linking to an Image, Method One[/H]
This method is to be used when displaying the image or its thumbnail in a different article. Only a single image will be displayed.
- Navigate to the article you wish to add the image to.
- Add the following code in the location where the image should appear: [noparse][image]Example.jpg|60px|right|border|thumb|some caption text[/image][/noparse] - you need only include the options you are using, and they can be in any order.
- Example.jpg - this is the filename of the image you wish to link to.
- Width of image in pixels - set the display width, if you are displaying a larger image (see also thumb below).
- Alignment: options are right, center, left
- Display: options are border, frame, or none
- thumb: displays image as a clickable thumbnail. This is usually preferred.
- caption text: any text you wish to include as a caption. Please include image source.
[H=2]Linking to an Image, Method Two[/H]
Use this method when linking to an Image Article with more than one image attached to it.
- Navigate to the article you wish to link the image to.
- Add the following code in the location you wish to link to: [noparse][image=Example.jpg]Click here to view the page![/image][/noparse]
- "Example.jpg" should be replaced with the filename of the image you are linking to.
- Replace the "Click here..." text with something appropriate.
- Note: As this method leaves the article to display the images, it is a good idea to put a return link in the image text area.