Using Images (Beginners guide)

UKworkshop.co.uk

Help Support UKworkshop.co.uk:

This site may earn a commission from merchant affiliate links, including eBay, Amazon, and others.

Adam

Established Member
Joined
10 Sep 2003
Messages
3,768
Reaction score
1
Location
UK
[This was such a good tutorial - I thought I'd copy it here also. I can't claim any credit for it whatsoever! - Adam]

I know some folks are new to using the bulletin board and some are new to computers. Photos make explaining something so much easier. There really is truth to the saying "A pictures worth a thousand words".

I have received a few personal messages as well have seen some others post looking for help. So I have tried to put together a tutorial to help folks out.

  1. The bulletin board does not store the images. There is no way to upload a photo on your PC directly into a bulletin board post. The bulletin board can only link to images that are already stored on the Internet.
  2. There are many places you can store your images on the Internet. If your ISP provides you free webspace for a website, this is one. This will require you to FTP your images to your webspace. FTPing is beyond the scope of this tutorial. If you know how to FTP, then fine. If not, read on. There are free image hosting sites on the Internet. Most try to sell you services like getting prints made, etc. Several people have recommended http://www.imagestation.com/index.html, so I will use it for this tutorial.
  3. Go to ImageStation and sign up for an account. It is Free and easy.
  4. Once you have an account, log in and click on the Upload Images button.
  5. There are multiple ways to upload images, all with explicit instructions. Pick the method that is best for you and upload your images.
  6. Once your images are uploaded, they will appear in your Storage Bin in My ImageStation.
  7. Follow the instructions in My ImageStation to create a New Album and add your images to the album.
  8. Once you have your images in an Album, your ready to use them in a bulletin board post.
  9. In a browser window, view the image at the ImageStation website.
  10. Right mouse click on the image, and select Properties.
  11. A new window will open displaying the image properties. Find the property label Address: (URL) and highlight the value. It will be something like http://www.imagestation.com/picture/sra ... de9f44.jpg
  12. Once the address is highlighted, right mouse click again and select copy.
  13. Now got to your post, and use the Img command. Right mouse click and select Paste for the image address. Here is an example.

    Code:
    [img]http://www.imagestation.com/picture/sraid114/pf4bd4e2f867c269e6666f9d66a0cc46b/f8de9f44.jpg[/img]

    gives you......

    25934236.jpg

  14. That's it. :D I know it seems complicated, and perhaps overwhelming at first. But it becomes quite easy once you start doing it.

Some advanced usages

Since large images can tend to break up a post too much, not to mention take more time to load, smaller pictures are preferred. However, sometimes larger picture are needed to show details.

One method I like to use is nesting the Img command inside a URL command. Using a smaller image for the post, but allowing the viewer to click on the smaller image if they want to see the larger more detailed version. The Img command would be for the smaller image, and the URL command would be the larger image. I also like to put instructions in italics under the image. Like so,

Code:
[url=http://www.myphotos.com/LargeImage.jpg][img]http://www.myphotos.com/SmallImage.jpg[/img][/url]
[i]click on image for larger view[/i]

Here is an example.

Code:
[url=http://www.imagestation.com/picture/sraid114/p5f812e13729c753d1a786f70bf9fd0ac/f8de9f49.jpg][img]http://www.imagestation.com/picture/sraid114/pf4bd4e2f867c269e6666f9d66a0cc46b/f8de9f44.jpg[/img][/url]
[i]click on image for larger view[/i]
gives you....


click on image for larger view
 
Adam,
Think I've mentioned this in a previous scream for help but many thanks, you're a star. Your tutorial also helps those poor folk, like me, who are a bit thick understanding the ins and outs of computers.
Cheers,

Rgds

Noel
 
The nesting to avoid having massive images directly in posts is a brilliant idea - some of the topics are getting quite 'graphics-intensive' and this is a great way to make things more user-friendly for dial-up users. Thanks for posting this, Adam :)
 
Noely,
are you copying all of the address?
when highlighted ,move the pointer down and make sure you got .jpg on the end of the address.

The reason being that some of the addresses are pretty long but only a small portion are being shown
 
It's ok, I think the image didn't quite make it the album. All ok now.

Many thanks

Noel
 
It's nowt to do with me, I just saw this on another forum (also PHPBB) and thought it looked so useful that it would be worth showing to other people. It never occured to me to use nested images though, so I learnt something new too.

I tweaked the images slightly to a couple that morrisminordriver supplied (hopefully) for his avatar.

Adam
 
Hi Adam

asleitch":10h79gh4 said:
The bulletin board can only link to images that are already stored on the Internet.

Unless you speak nicely to Charley whilst slipping him a brown envelope.

Then your Jet SuperSaw or Jet Jointer are only a copy and paste away. :roll:

Cheers
Neil
 
OK, OK, but Charley has the most complicated system in the world - having to view HTML source code to get the image properties. The method described above is "easy". Advanced users can chat to Charley about getting images hosted on the uk_workshop server - and the corresponding difficulties!

Adam
 
Great tutorial - thanks Adam :D

What Neil meant was he emailed me some pictures and I uploaded them for him :)

P:S Neil my brown envelope was empty last time :wink:
 
Hi Charley

Charley":136w1f5s said:
P:S Neil my brown envelope was empty last time :wink:

I'm sorry, but having left it with N to contact you I had assumed that everything was ok. If not please pm me and I'll sort it out. He's probably just been busy.

Cheers
Neil
 
Back
Top