Adding images

From BarbWiki

You do not have permission to edit this page, for the following reason:

You can view and copy the source of this page:

Images have to be uploaded separately and then linked to. The reasoning behind this is that images should be independent of the page. That way if the page is deleted or the image removed from the page, the image is still available to other pages that link to it.<br /><br /> 1. Start by clicking "Create content" and then selecting "Image from the list."<br /> [[Image:Image_37.png]]<br /> 2. Give the image some short but descriptive title, select "Page images" from the gallery list and then browse for and select the image before clicking "Save." All other fields can be ignored.<br /> [[Image:Image_38.png]]<br /> [[Image:Image_39.png]]<br /> 3. Go to the newly created image page and then you need to pick the image size. The two "standard" sizes we have selected are landscape and portrait (400px and 300px wide respectively). Click which one you want and then right click and "Copy image location" on the next page. This is the link you need to use on the page you are creating.<br /> [[Image:Image_40.png]]<br /> [[Image:Image_41.png]]<br /> 4. Create a page like normal and then click the add image button. <br /> [[Image:Image_42.png]]<br /> 5. The URL is the link that you copied in step 3. Alternative text must be added for all images. This is a very short description ie) "barge on river." Without this, the page will not validate and screen readers won't tell the visually impaired what is there.<br /> [[Image:Image_43.png]]<br /> 6. If you want to use a custom size, your should have selected the "original" size in step 3 and used that url. Now you can specify the width or height you want the image to be. It is best not to set both because if the ratio you use is different than the original, you will distort the image.<br /> 7. Under the advanced tab, you can use the following settings to add a border and wrap the text around properly: float:right; margin:10px; border: 5px solid #50748A; if you want the image on the left-side, change "float:right;" to "float:left;" [[Image:Image_44.png]]<br /> Done! [[Image:Image_47.png]]<br />

Return to Adding images.