Help:Adding an image

From ScottishClimbs

Jump to: navigation, search
Please disregard this article for the time-being. It's being worked on at the moment and some of the information is incorrect.

Contents

The basics

  • Photos should still be submitted to us so that we can put them in the photo database. If you want to upload something like a map or a photo topo, use the upload file link in the 'toolbox' on the left. To later add the image to a page, use this syntax:
[[Image:Picturename.jpg]]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Picturename.jpg

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Positioning your image

  • By default the above syntax will left-align the image and display it at full size. Obviously this isn't going to be the best option every time so here are some cool things to do with images.
[[Image:Picturename.jpg|center]]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Picturename.jpg

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

  • This puts the image in the centre (Note the American spelling in the syntax) of the page with the text wrapped to the top and bottom.
[[Image:Picturename.jpg|right]]
Picturename.jpg

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

  • This puts the image on the right hand side of the page with the text wrapped around the picture. Not sure why this one is different.

Sizing the image

  • It is possible to define what size you want your image to show at on the page by using the following syntax:
[[Image:Picturename.jpg|60px]]

Picturename.jpg

  • The value '60px' defines the horizontal size of the image in screen pixels.
  • You can also make an image bigger than the original, although it probably won't look too cool. Your milage may vary depending on the ugliness of the subject!

Picturename.jpg

Framing a picture

  • Framing does two things; firstly, as the name suggests, it adds a frame around your picture, and secondly, it forces the text to wrap around the picture when it is positioned to the right or left.
[[Image:picturename.jpg|frame]]
Picturename.jpg

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

  • Be default the frame command will align the picture to the right and display it in a frame at full size.
  • To get it to put the picture on the right or the centre you have to combine commands:
[[Image:picturename.jpg|frame|left]]
Picturename.jpg

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

or,

[[Image:picturename.jpg|frame|center]]
Picturename.jpg

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Thumb

  • Probably the most powerful of the options outlined here is the 'Thumb' command which, when combined with the other commands allows the image to be placed anywhere at any size up to the original size and with a caption! All good stuff.
[[Image:Picturename.jpg|thumb|50px|center|Another picture of me!]]
Another picture of me!
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Can someone please do something with these pictures. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.



<< Basic formatting || Help contents >>
Go back to the Help contents page or try this out in The Sandbox.
Personal tools