This is a static copy of the main wikispot.org site, preserved for historical purposes only. Please see this page for more information.

Help with Images

InfoInfo
Search:    

Want to upload that nice, pretty, awesome photo you took? Just add the following line to a page:

[[Image(image_name.jpg)]]

Then click preview or save the page and click on the link that is generated.

There are various parameters you can use with this image "macro". You can make the image a thumbnail, send it to the left or to the right, give it a caption, or remove its border. The possible parameters are:

[[Image(image_name.jpg, thumbnail, noborder, left/right, "Caption including ["Wiki" links]")]]

    1. Plain Image
    2. Thumbnail and Sizing
    3. Captions
    4. Alignment on Page
    5. Multiple Image and separators
    6. Removing the border
    7. Notes

Plain Image

[[Image(image.jpg)]] will display the image you upload.

image_painting.jpg

Thumbnail and Sizing

to create a default sized thumbnail add the thumbnail option [[Image(image.jpg, thumbnail)]]

image_painting_2.jpg

To create a specific sized thumbnail add the size in pixels as an option representing the longer orientation of the image [[Image(image.jpg, 279, thumbnail)]]

image_painting_3.jpg

Captions

A caption and thumbnail: [[Image(image.jpg, thumbnail, "Paintings")]]

image_painting_4.jpgPaintings

Alignment on Page

A caption, thumbnail, aligned right: [[Image(image.jpg, right, thumbnail, "Paintings")]]

image_painting_5.jpgPaintings

A caption, thumbnail, size, aligned left: [[Image(image.jpg, left, 279, thumbnail, "Library Stacks")]]

image_painting_6.jpgLibrary Stacks

Multiple Image and separators

You can have a series of images or thumbnails just by doing the image macro over and over. Here's two in a row:

image_painting_7.jpgPaintings mm image_painting_8.jpgYay painting

However, in some cases this ends up looking strange. In particular, if you're adding a bunch of images as thumbnails sometimes you don't want the text or the next image to 'float' over to the right or left side. Just use == ==, which is the empty heading, to force the thumbnails to "reset." Normal headings have this same effect, but it may be difficult or undesirable to come up with a name for your heading ;)

Removing the border

You can remove the border of an image by adding the noborder option. For instance, [[Image(image.jpg, thumbnail, noborder)]]:

image_painting_9.jpg

Notes

You can currently place a single image on a page once. In this example we used different filenames to allow us to put the same image on the page over and over. You usually won't need to put the same image on a page more than once.

Comments:

Note: You must be logged in to add comments

This is a Wiki Spot wiki. Wiki Spot is a 501(c)3 non-profit organization that helps communities collaborate via wikis.