Image Uploads

 
One of the features of the Raieh Fractal Planet web site is the facility for editors to upload images and put these images into pages. I added this feature to [UseModWiki], so the only documentation for it is right here.

How Does It Work?

You can upload .gif, .jpg, and .png files to the web server. When you upload an image file, that image is associated with a specific page.

There are three simple steps to putting images into a Raieh web page.

1. Browse to the page you want to add an image to.
2. Upload the image file.
   1. Click "Upload images for this page" at the bottom of the page.
   2. Follow the Instructions for uploading the image. Click the Upload button when you're done.
   3. You should see a message saying File 'XXX' has been uploaded, followed by a listing of all the images currently associated with the current page, and a link to return to the current page.
3. Place the image in the page.
   1. Edit the page. Below the SAVE button you should see a list of the images associated with the current page.
   2. To add the image inline, simply type this: image:::redpike.jpg
   3. Click the SAVE button. You should now see your page with the new image added!

Inline Images

You may be wondering about the three colons after the word image. Those are field makers that provide you some extra control over how the image is displayed. For example, if we typed image:::redpike.jpg, then we'd produce this result: As you can see, the image appears "inline", right in the context of the text of the paragraph. Sometimes this is what you want, but often times it isn't.

Justified Images

You can control the position of the image by typing something like this: image:right::redpike.jpg. This time the image appears at the right side of the page, and the text wraps around it. You can also use left and center for the image position, although the browser won't wrap text around a centered image.

Image Captions

You can also give the image a caption, but watch out! The caption cannot contain blank spaces! To be precise, the entire image markup cannot contain any blank spaces. The caption goes between the last two colons, like this: image:right:fig.1:redpike.jpg.

Image Caption With Link

And finally, you can make the image into a link based on the caption. Just put parenthesis around the caption, and it gets treated just like any other wiki link.

image:right:(Kumul):redpike.jpg .

Known Bugs

Images bigger than about 200KB seem to "time-out" during upload. I don't know exactly why. Until I figure it out, please upload files smaller than 200KB.