Adding Pictures

To add a picture, you must first upload the picture in any standard file format to the site, using the "upload file" link in the "toolbox" area. Once you have done so, you can add the picture to any article by using the command [[Image:Example.jpg]]. You can also select the button in the edit area that corresponds to a picture (it's the sixth button from the left).

More to keep in mind:

• Only users who are logged in can upload pictures
• Rename the picture on your hard drive before uploading the picture since it takes the name from your original file.
• Upload the picture before making or editing the article, that way you have the picture name in mind and can use it in your article.
• The site will replace spaces with underscores. This is no problem, but just make sure you use underscores when you reference the picture from the site.
• Capitalization matters
• You can make the text wrap around the picture by adding the "left" or "right" command as follows: [[Image:Example.jpg|right]]. In this case, the picture will appear in the upper right hand side and text will wrap around it.
• It's nice to upload a larger picture to the site (not so large that people can't download it of course). This way you can have a smaller version show up in your article and then if the user wants to see the larger version, they can simply click on the picture. Here's an example of how to limit the size of a picture in your article to 200 pixels: [[Image:Example.jpg|right|200px]]

[edit] To upload an image or other file:

1. Login
2. Click on Upload file in the links box on the left side.
3. Browse to where the image lives on your computer and select it.
4. Name the file. This name is what you will then WikiLink, or double bracket.

   Image:TheUniqueNameOfYourImage.jpg

[edit] How to add a picture or logo to your page

Once you have uploaded it, you can add the picture/logo to any article by using the command: [[Image:Example.jpg]], replacing "Example" with your filename. In this case the filetype was .jpg, but the system supports quite a few other filetypes as well. You can also select the button in the edit area that corresponds to a picture (it's the sixth button from the left).

Specifying placement - You can also specify that an image go to the "right", "left" or "center" of the text block, forcing the text to "wrap-around" it. To do this, you add a command to the image when you place it as follows: [[Image:Example.jpg|right]]. In this case, the picture will appear in the right hand side and text will wrap around it.

Putting your image in a frame - In addition to specifying placement, you can put a frame around your image, using the "frame command" as follows: [[Image:Example.jpg|frame]].

Image Thumbnails - Puts your image in a frame, but it also shrinks it to a smaller, more manageable size. Viewers can then click the "enlarge" icon inside the frame and see the picture in its full size. Use the "thumbnail" command like this: [[Image:Example.jpg|thumb]]. Note, website thumbnails are handled differently.

Captions - Captions can also be added to images that are either inside a frame, or a thumbnail. To do this, you just add the caption at the end of the image command: [[Image:Example.jpg|frame|This is a caption]].

Changing picture size - You can specify the size of the photo that shows up on the screen, independent of the "thumb" command. Here's an example of how to limit the size of a picture in your article to 200 pixels: [[Image:Example.jpg|right|200px]]. To choose a different size, simply replace the 200px with a different number.

Creating your own combination - You can also combine the options. For example, you can take an image, make a thumbnail of it, set the thumbnail at 150px, left justify it, and add a caption: [[Image:Example.jpg|thumb|150px|left|This is a caption]]. The order of the commands doesn't matter, except that the picture/file name must come first and the caption last.

Gallery option for multiple photos - To make a slew of photos more organized and professional, simply list images in between <gallery> and </gallery> tags and the system will automatically size the photos and create a mini-gallery of the images. See the Gallery page for more details.