Author Topic: How to add an image to your posts.  (Read 2642 times)

Tank

  • Fed up with stupid.
  • Administrator
  • Excellent and Indefatigable Guardian of Reason
  • *****
  • Posts: 28581
  • Gender: Male
How to add an image to your posts.
« on: May 16, 2011, 02:50:05 AM »
There are two ways to add an image to a post, Hot-linking and from your own image on your own separate image hosting site (like Imageshack).
You can't upload an image to this site from your computer or link to an image on your own computer.

The way you display an image is to put the image location (URL) between the 'img' tags ([img][/img])

Thus the structure is always [img]URL[/img]

Hot-linking

This is often frowned upon as it steals the bandwidth of the site where the image is displayed. This is often not a big issue for large organisations with their own servers but can be a problem for smaller users like personal bloggers who have to pay each time an image is viewed whether it's on their page or is being hot-linked to.

But here is how you do it in Firefox, Internet Explorer should be similar.

Right mouse click on the image you want to show and select copy image location
(in this example http://news.bbcimg.co.uk/media/images/49558000/jpg/_49558331_soldiers304in_mod.jpg)

Come back to your post and put the cursor where you want the picture to appear.

Click the 'insert image button' or type [img][/img]

Put the cursor between the tags and paste in the URL thus

[img]http://news.bbcimg.co.uk/media/images/49558000/jpg/_49558331_soldiers304in_mod.jpg[/img]

This will display as shown below



However some sites don't allow hot-linking and if this is the case some form of message will appear to that effect.
Some sites will divert hot-links to a very rude picture!
So be warned, if you're hot-linking PREVIEW YOUR POST!!!


Hosting your own images.

This requires you open an account with an image host like ImageShack or Flikr, there are other sites of this type. I have used ImageShack and it's OK. Both these sites offer a basic free package which you can extend by paying a subscription. I haven't extended my basic package.

Once you have an account you can copy (upload) images from your computer to the image hosting computer. Once this is done the image host gives you a location (URL) for the image. This is what you put between the [img][/img] tags to display your image on this (or any other) forum.

So I have an image http://img823.imageshack.us/img823/7052/asmo.png

To display it all I have to do is add image tags around it thus (in fact ImageShack has display options and I choose the forum option so it adds the tags for me)

[IMG]http://img823.imageshack.us/img823/7052/asmo.png[/IMG]

And it will display as below



Centring an image

Dead easy just put the [center][/center] tags or click the centre text button around the image link [img]URL[/img] thus [center][img]URL[/img][/center] displays as


If you are having problems then post your questions here.
« Last Edit: May 16, 2011, 08:43:03 AM by Tank »
If religions were TV channels atheism is turning the TV off.
“Religion is a culture of faith; science is a culture of doubt.” ― Richard P. Feynman
'It is said that your life flashes before your eyes just before you die. That is true, it's called Life.' - Terry Pratchett

DaveD

  • Made of Star Stuff
  • *
  • Posts: 91
  • Gender: Male
  • Godless Heathen
    • DaveD's Blog
Re: How to add an image to your posts.
« Reply #1 on: May 16, 2011, 09:38:20 AM »


Hosting your own images.


In addition to dedicated image hosting services, if you have your own website or blog you can link to any pictures there. I often link to images from my blog rather than uploading them separately to PictureBucket.
To get the URL for an image in a page, right-click on the image and choose to open the image from the drop down menu (wording can vary slightly depending on the browser you're using.)
Then copy what's in the browser's address bar, and paste it between the IMG tags as in Tank's example.

The Magic Pudding

  • The black swan of trespass
  • Blessing Her Holy Hooves
  • *****
  • Posts: 4913
Re: How to add an image to your posts.
« Reply #2 on: May 16, 2011, 10:14:23 AM »
I like Imgur as a host for pictures, you don't need any sort of account just upload a file copy the URL of the image and forget about it.  You can make a free account by I haven't had a reason to so far.
http://imgur.com/?noFlash

Tank

  • Fed up with stupid.
  • Administrator
  • Excellent and Indefatigable Guardian of Reason
  • *****
  • Posts: 28581
  • Gender: Male
Re: How to add an image to your posts.
« Reply #3 on: September 04, 2011, 11:27:44 PM »
He since stated that it was written in parody

http://pastormikeschurch.blogspot.com/2011/09/relax-my-dear-atheist-friendsthere-will.html

Though I'm not sure I buy it.

I'm certain I don't.  You know, it always stuns me when someone can't understand getting a harsh reaction from people he's insulted.  As the man of the cloth said, duh.

Quote
Never heard of a 'stink eye' before?

I would describe it as a "you fucking idiot" look.  My cat gave me the stink eye once.  I actually got a picture of it and if I could figure out how to post pictures, I'd show you.
Have you seen the post on how to add pictures to your posts http://www.happyatheistforum.com/forum/index.php?topic=7484.0
If religions were TV channels atheism is turning the TV off.
“Religion is a culture of faith; science is a culture of doubt.” ― Richard P. Feynman
'It is said that your life flashes before your eyes just before you die. That is true, it's called Life.' - Terry Pratchett

BooksCatsEtc

  • Surprisingly OK
  • Global Moderator
  • The Cure for Boredom is Curiosity. There is No Cure For Curiosity.
  • *****
  • Posts: 8301
  • Gender: Female
Re: How to add an image to your posts.
« Reply #4 on: September 04, 2011, 11:29:59 PM »
Have you seen the post on how to add pictures to your posts http://www.happyatheistforum.com/forum/index.php?topic=7484.0

Yeah, I've tried following it several times and just can't make it work.  I figure 6 more tries should do the trick.
Sandy

  
"I think this is the prettiest world -- as long as you don't mind a little dying, how could there be a day in your whole life that doesn't have its splash of happiness?"  from The Kingfisher, by Mary Oliver

Tank

  • Fed up with stupid.
  • Administrator
  • Excellent and Indefatigable Guardian of Reason
  • *****
  • Posts: 28581
  • Gender: Male
Re: How to add an image to your posts.
« Reply #5 on: September 04, 2011, 11:34:16 PM »
Have you seen the post on how to add pictures to your posts http://www.happyatheistforum.com/forum/index.php?topic=7484.0

Yeah, I've tried following it several times and just can't make it work.  I figure 6 more tries should do the trick.


Do you have an image host where you upload your pictures to?
Which browser do you use?
If religions were TV channels atheism is turning the TV off.
“Religion is a culture of faith; science is a culture of doubt.” ― Richard P. Feynman
'It is said that your life flashes before your eyes just before you die. That is true, it's called Life.' - Terry Pratchett

BooksCatsEtc

  • Surprisingly OK
  • Global Moderator
  • The Cure for Boredom is Curiosity. There is No Cure For Curiosity.
  • *****
  • Posts: 8301
  • Gender: Female
Re: How to add an image to your posts.
« Reply #6 on: September 05, 2011, 12:57:10 AM »
Do you have an image host where you upload your pictures to?
Which browser do you use?

re: browsers, I have no idea.  Unless you mean Google?

I have some pictures on Flickr and I've tried uploading them from Flickr to this site without luck.  I'm sure there's just a step I'm missing somewhere.
Sandy

  
"I think this is the prettiest world -- as long as you don't mind a little dying, how could there be a day in your whole life that doesn't have its splash of happiness?"  from The Kingfisher, by Mary Oliver

Tank

  • Fed up with stupid.
  • Administrator
  • Excellent and Indefatigable Guardian of Reason
  • *****
  • Posts: 28581
  • Gender: Male
Re: How to add an image to your posts.
« Reply #7 on: September 05, 2011, 01:02:28 AM »
Do you have an image host where you upload your pictures to?
Which browser do you use?

re: browsers, I have no idea.  Unless you mean Google?

I have some pictures on Flickr and I've tried uploading them from Flickr to this site without luck.  I'm sure there's just a step I'm missing somewhere.
Can you post a link to your Flickr account please?
If religions were TV channels atheism is turning the TV off.
“Religion is a culture of faith; science is a culture of doubt.” ― Richard P. Feynman
'It is said that your life flashes before your eyes just before you die. That is true, it's called Life.' - Terry Pratchett

BooksCatsEtc

  • Surprisingly OK
  • Global Moderator
  • The Cure for Boredom is Curiosity. There is No Cure For Curiosity.
  • *****
  • Posts: 8301
  • Gender: Female
Re: How to add an image to your posts.
« Reply #8 on: September 05, 2011, 10:41:55 AM »
Can you post a link to your Flickr account please?

http://www.flickr.com/photos/29598287@N04/6115610342/in/photostream.  I tried putting that between but all I got was the box with a red X in it.
Sandy

  
"I think this is the prettiest world -- as long as you don't mind a little dying, how could there be a day in your whole life that doesn't have its splash of happiness?"  from The Kingfisher, by Mary Oliver

Tank

  • Fed up with stupid.
  • Administrator
  • Excellent and Indefatigable Guardian of Reason
  • *****
  • Posts: 28581
  • Gender: Male
Re: How to add an image to your posts.
« Reply #9 on: September 05, 2011, 11:16:08 AM »
So your picture starts out like this at Flickr



Note the 'share' tag at the top. Clicking 'share' gives this



Ignore 'Grab the link', open the Grab HTML/BBCode at the bottom of the dialogue box by clicking on it.

You should see



Select the BBCode option by clicking on the 'radio button' to the left of 'BBCode'.

You now need to copy the text in the box to bring it to your post, it should look something like this.

Code: [Select]
[url=http://www.flickr.com/photos/29598287@N04/6115610342/][img]http://farm7.static.flickr.com/6184/6115610342_d23c4c4370.jpg[/img][/url]
[url=http://www.flickr.com/photos/29598287@N04/6115610342/]Deirdre on blanket close up[/url] by [url=http://www.flickr.com/people/29598287@N04/]ashenlight55[/url], on Flickr

and it will display like this


Deirdre on blanket close up by ashenlight55, on Flickr

You'll see there are all kinds of stuff around the picture links etc. that you may not want around it. To just show your picture you need to just find the image details, which I have extracted below.

Code: [Select]
[img]http://farm7.static.flickr.com/6184/6115610342_d23c4c4370.jpg[/img]
That piece of text displays like this.



I hope that helps.  ;D

Ask questions if it doesn't!


If religions were TV channels atheism is turning the TV off.
“Religion is a culture of faith; science is a culture of doubt.” ― Richard P. Feynman
'It is said that your life flashes before your eyes just before you die. That is true, it's called Life.' - Terry Pratchett

BooksCatsEtc

  • Surprisingly OK
  • Global Moderator
  • The Cure for Boredom is Curiosity. There is No Cure For Curiosity.
  • *****
  • Posts: 8301
  • Gender: Female
Re: How to add an image to your posts.
« Reply #10 on: September 05, 2011, 07:11:26 PM »
I hope that helps.  ;D

Ask questions if it doesn't!

Hey, thanks!  Turns out I was missing a bunch of steps -- I'll see if I can make this work in the photo thread.  That look on Deirdre's face is the stink eye, by the way.
Sandy

  
"I think this is the prettiest world -- as long as you don't mind a little dying, how could there be a day in your whole life that doesn't have its splash of happiness?"  from The Kingfisher, by Mary Oliver

Tank

  • Fed up with stupid.
  • Administrator
  • Excellent and Indefatigable Guardian of Reason
  • *****
  • Posts: 28581
  • Gender: Male
Re: How to add an image to your posts.
« Reply #11 on: March 06, 2012, 06:47:56 AM »
Please note. Imageshack now limits its free service to 500 images and no animated .gifs.
For $2 a month you get unlimited uploads at 10mb and image and animated .gif files are supported.
If religions were TV channels atheism is turning the TV off.
“Religion is a culture of faith; science is a culture of doubt.” ― Richard P. Feynman
'It is said that your life flashes before your eyes just before you die. That is true, it's called Life.' - Terry Pratchett

Buddy

  • The queen of bad ideas.
  • Guardian of Reason
  • *****
  • Posts: 5528
  • Gender: Female
  • SMLLKAR
Re: How to add an image to your posts.
« Reply #12 on: March 06, 2012, 07:13:44 AM »
Please note. Imageshack now limits its free service to 500 images and no animated .gifs.
For $2 a month you get unlimited uploads at 10mb and image and animated .gif files are supported.

Or you could just use photobucket, which is free and supports .gifs.
Hell hath no fury like me when I’m slightly inconvenienced and hungry.

I love my car more than I love most people.

Asmodean

  • The Grumpy Lumpy
  • Administrator
  • Luxembourg Trembles!
  • *****
  • Posts: 14309
  • The GrayGod
Re: How to add an image to your posts.
« Reply #13 on: March 06, 2012, 07:35:47 AM »
Notice whos mugshot is in the tutorial?  ;D

That said, I think it is good that we have these tutorials, but I think the threads should be locked (reference only).

The discussion on the subject belongs in a separate, non-sticky post. Just a cosmethic issue.
In Asmo's grey lump,
wrath and dark clouds gather force.
Luxembourg trembles.

Tank

  • Fed up with stupid.
  • Administrator
  • Excellent and Indefatigable Guardian of Reason
  • *****
  • Posts: 28581
  • Gender: Male
Re: How to add an image to your posts.
« Reply #14 on: March 06, 2012, 11:30:54 AM »
I left this one open so people could experiment and if it goes off topic I can split the posts off into the derail thread.
If religions were TV channels atheism is turning the TV off.
“Religion is a culture of faith; science is a culture of doubt.” ― Richard P. Feynman
'It is said that your life flashes before your eyes just before you die. That is true, it's called Life.' - Terry Pratchett