Author Topic: HOW TO POST PICTURES AND LINKS  (Read 6418 times)

jules

  • Global Moderator
  • Hero Member
  • *****
  • Posts: 3478
HOW TO POST PICTURES AND LINKS
« on: March 11, 2010, 10:53:39 pm »
Image Storage
Whenever you click the "Submit" button in 'Crater Survey' or 'Boulder Wars' the image/s you have been working on are saved as "Recent" images, unless you have specified that you want this image saved as a "Favourite".
To access your Recent or Favourite images you need to go to the My Moon Zoo section where you will find a map of the Moon with different coloured pins sticking in it.
The orange pins denote your Favourite images and the blue pins are the Recent images.
On the right-hand side of the page there is a "Favourites" list and a "Recent" list which contain the most recent 16 images. You can click on the "Show on map" link and a thumbnail picture will display over the map with a pointer to the relevant pin.
If the image you want is not in either of the lists on the right-hand side then you need to find the correct pin on the map and click on it to get the thumbnail picture. You should use the zoom and navigation controls at the top left of the map to make it easier.
Up to 50 images will be displayed on the map (for both Favourites and Recent). Older images are not displayed but are still retained.

Posting pictures from Moon Zoo
  • Go to the My Moon Zoo section and find the image you want, either a Recent image (blue pin) or Favourite image (orange pin).
  • If the image is one you've recently worked on, it will be in one of the lists on the right-hand side of the page. Click on the "Show on map" links until you find the image you want.
  • The thumbnail picture with your image will display over the map. It will have the Longitude and Latitude data for the image.
  • Click on the "View more information" link below the thumbnail and the Information Page will open in a new window in your browser with a full-sized image plus useful information about the image on the right-hand side.
  • Right-click on the image and select 'Copy Image Address'/'Copy Image Location' which will copy the address to the clipboard - it should look similar to this address: http://moonzoo.s3.amazonaws.com/v10/slices/nnnnnnnnn.jpg  (If you use Internet Explorer, see below).
  • Paste this address between the 'img' tags ("insert image" is the first icon second row above the smilies - see marked up image below).
  • Resize if you want as explained below.
  • After you've done the 'img' you should return to the information page and copy the first three items under "Information" on the right-hand side - the "ID", "Latitude" and "Longitude" items. You can do this by dragging your cursor across the items and selecting Copy from the Edit menu.
  • Paste the three items of information below the image. This will help other people find the position of the image and the Id field can be used by the Search function to look for duplicate images.

In IE - right click - choose properties. Highlight the long url from the pop up box (make sure you have it all) and paste this between the img tags.



Screen grabs
Useful when everything else fails!
If you have Windows7 or Vista use the Snipping Tool. Find it under Start/All Programs/Accessories/Snipping Tool. This allows you to select the area you want from a screen and save it. Then you'll need to host the picture somewhere to link from. (See (5) below).

If you are not using Windows7 or Vista it's slightly trickier but follow these steps:
  • When the picture you want to copy is on screen:
  • Take a screen grab by pressing the Print Srn button usually top right of the keyboard. This copies the screen shot to the clipboard.
  • Paste the screen grab into an imaging program (Paint, Photoshop, anything like that) and crop just the bit you want and resize as needed.
  • Save this picture to your hard disc.
  • Now there are 2 options:
  • Either add the picture as an attachment to your post (the option is under Additional Options below the posting window.)
    Or (and preferably)
  • Use an imaging hosting site like Photobucket, Flickr or Picasa  to upload your image and then link to it (as explained below) from there.
For Mac users - To grab the whole screen, press Cmd-Shift-3
To select which area of the screen to grab, press Cmd-Shift-4, then select the rectangle you want to grab.
The image will be created on the desktop and you can use an imaging program to crop, etc.

For Linux / Compiz users - select the area you want from a screen and save it with Superkey+left mouse button.

A word of warning though. Some photo / video sharing sites (like You Tube) contain adverts which refresh each time you open the page. What appears to be family friendly one minute may not be the next. The sites mentioned above are fine. Sites like You Tube also contain spaces for chat and comments which are often not at all family friendly. There is a way to link to You Tube videos however which will bypass the ads and comments.

You Tube
  • Link to the pop up window version and not the main page.
  • Look for the white arrow in a grey box top right of the video.
  • If you place your mouse pointer over it a message pops up: “”Watch this video in a new window”.
  • Click on that and copy the url from the pop up window.
  • Make sure it says t=0 at the end of the url so the video starts from the beginning.


Posting pictures from external websites and image hosting websites
In Firefox - right-click on the image and choose "copy image location". In Safari - right-click on the image and choose "Copy Image Address".
Then paste this between the img tags ("insert image" is the first icon second row above the smilies).



In IE - right-click - choose properties. Highlight the long url from the pop up box (make sure you have it all) and paste this between the img tags.

Adjust the size of your picture
You can specify the height and width of the image you post. Useful if the image you are posting is too big. Just add the height or width (you only need specify one as the other will be adjusted proportionately automatically) to the opening img tag as follows:

[img height=150] then add the closing img tag as normal.

Use Preview to check the size. 150 - 500 pixels should be OK for most things.

If posting from an external website please post the link or mention the site as an acknowledgement.

Posting tidy links
If you want to do this kind of thing follow these steps:
  • Copy the url of where you want to link to. Web page url's are at the top of the page usually under the menu bar. The url of other posts or pictures can be found by right clicking. In Firefox right click and choose "copy link location." In IE right click - choose properties. Highlight the long url from the pop up box (make sure you have it all) and copy.
  • Now you need to paste it into a post using the correct url tags.
  • You can use the "insert url" icon - second icon second row above the smilies next to the IMG tag.
  • Paste your url into the opening url tag as follows. Note you have to amend the opening tag by adding a "=" sign:
[url=http://moon.zooniverse.org]click here[/url]

This will appear as click here

You can always click "quote" as if you were going to reply to a post just to see how someone else has coded a post. There's no need to actually post - just click "back" or move away to another page when you're done.
« Last Edit: May 25, 2010, 09:56:51 pm by Geoff »