Working With Images
Contents
To use images on pages in The Wiki, you have two options. It is possible to link to them from sites like photobucket or your own website but you need to remember not to move or delete those pictures. It is safer to upload them directly to The Wiki although there are limitations. External sites give you the opportunity to add animations, larger pictures or other file types.
This picture has been uploaded to The Wiki 
[[image:Index_fr2.jpg]]
This picture has been uploaded to Photobucket 
http://i107.photobucket.com/albums/m306/caroline_lewcock/a0eb401.gif
This page deals with using single images. If you wish to know more about using them in other ways, please consult:
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Uploading pictures to The Wiki
You can only upload .jpg (.JPEG) files and they cannot be larger then 150kb.
Step by Step instructions can be found on Uploading images to The Wiki
Code for images
One single image
name | alignment | size | thumb or frame | caption
1. You can just put in the image
It will come out full size and aligned to the left with no border or caption.
[[image:name of image.jpg]]
[[image:InitialsA.jpg]]
2. You can choose horizontal alignment - right, left or center
[[image:name of image.jpg|alignment]]
ACTUAL CODE: [[image:InitialsA.jpg|center]]
3. You can choose the size
[[image:name of image.jpg|size]]
ACTUAL CODE: [[image:InitialsA.jpg|50px]]
4. To get a frame round your picture
[[image:name of image.jpg|alignment|size|thumb]]
ACTUAL CODE: [[image:InitialsA.jpg|left|200px|thumb]]
5. To get a frame and have a caption for the picture
[[image:name of image.jpg|alignment|size|thumb|caption]]
ACTUAL CODE: [[image:InitialsA.jpg|right|250px|thumb|Work in progress]]
6. Using frame instead of thumb
[[image:name of image.jpg|alignment|size|frame|caption]]
ACTUAL CODE: [[image:InitialsA.jpg|right|250px|frame|Work in progress]]
WARNING: As soon as you add frame or thumb, combining pictures and text can give very unpredictable results.
It is easier to take control over the layout of page by using extra code such as in a TABLE or GALLERY.
Adding images from Photobucket or other websites
If you want to have a picture in a particular place, you need to add code.
Aligning single pictures
Left Aligned
<div align="left">http://i107.photobucket.com/albums/m306/caroline_lewcock/a0eb401.gif </div>
Centred
<div align="center">http://i107.photobucket.com/albums/m306/caroline_lewcock/a0eb401.gif </div>
Right Aligned
<div align="right">http://i107.photobucket.com/albums/m306/caroline_lewcock/a0eb401.gif </div>
Putting pictures in a row
xxxxxxxxxxxxxxxxxxxxxxxxxx
