From Qedoc

If you are the author of a learning module, you may wish to add screenshots to the module's page on this site.

Here's how to do it.

Contents 1 Step One 2 Step Two 3 Step Three 3.1 EITHER... 3.2 OR...

Step One

Create a screenshot of your module. It must be in JPG format.

On a PC, You can do this by opening your module in the Quiz Player, and pressing 'Alt'+'Print Screen' (the 'Alt' and 'Print Screen' keys together).

The screen shot is now on your PC's clipboard.

Now, paste this into a picture viewer like the Microsoft Photo Editor, or Adobe Photoshop.

Finally, save this file in a memorable place so you can upload it using the Qedoc 'Upload file' button inthe toolbox on the left.

Step Two

Upload the screenshot to this site. Use the "upload file" link in the toolbox on the left-hand side of this page. Make sure you remember what your screenshot is called. You must give it a unique name. Suggestion: prefix it with your author ID code (a five character sequence that prefixes the filenames of your modules). For example, ABCDE-001.jpg is a good name for the first screenshot of your module. That's just a recommendation - you can call the images more or less what you like, provided that the names are unique and you can remember them.

Step Three

EITHER...

Integrate the screenshot into the module's page. Hit the "edit" link and enter code like this:

[[Image:name_of_my_image.jpg|thumb|center|300px|Caption to go below image]]

The above code will put a 300-pixel-wide framed reduced-size thumbnail in the centre of the page, which, when clicked, will lead to a full-size version. If you're good at editing MediaWiki, you can vary the code to produce your own image layout.

Note: it is important to ensure there are no spaces before of after the pipes in the above syntax.

To put your images in a table, do this:

 {|
 |valign=top| 
 [[Image:name_of_my_image.jpg|thumb|center|300px|Caption to go below image]]
 |valign=top| 
 [[Image:name_of_my_image.jpg|thumb|center|300px|Caption to go below image]]
 |valign=top| 
 [[Image:name_of_my_image.jpg|thumb|center|300px|Caption to go below image]]
 |-
 |valign=top| 
 [[Image:name_of_my_image.jpg|thumb|center|300px|Caption to go below image]]
 |valign=top| 
 [[Image:name_of_my_image.jpg|thumb|center|300px|Caption to go below image]]
 |valign=top| 
 [[Image:name_of_my_image.jpg|thumb|center|300px|Caption to go below image]]
 |}
 

OR...

To create a thumbnail gallery with many screenshots, use this code:

 <gallery>
 Image:name_of_my_image_1.jpg|Caption 1
 Image:name_of_my_image_2.jpg|Caption 2
 Image:name_of_my_image_3.jpg|Caption 3
 Image:name_of_my_image_4.jpg|Caption 4
 </gallery>
 

Ensure your code is strictly left aligned with no spaces between the code and the left margin.