Author Topic: Posting pictures to the forum  (Read 21355 times)

milfmog

  • Full Member
  • ***
  • Posts: 239
    • View Profile
Posting pictures to the forum
« on: July 13, 2015, 03:36:37 PM »
Some folks have been wondering how to post pictures here without stealing all of Stuart and Karla’s storage space and bandwidth.

I keep pictures for publication on Flickr and post links to them there. Here is my step by step guide to posting clickable images from Flickr in a forum post without opening up my entire photostream.

I upload most of my images to Flickr with the properties set as visible only to me and restricted. This avoids any issues with Flickr’s terms of service. They don’t seem to have much of a problem with "edgy" images judging by some of the things I have stumbled across, but my settings allow me to be sure I’m not pushing my luck and prevent people looking at the rest of my photostream.

To insert the picture into a post you need to use image tags like this:

Code: [Select]
[img]Address of picture[/img]
To get the address you need for the code, follow these steps:

Once you have uploaded your picture to Flickr find it in your photostream and click on it. Your screen will look something like this:



Click on the download symbol (circled in red in the image above) and a dialogue box will open thus:



Select “View all sizes”.

Select the size of image you want to display and then right click on the image, this will open the submenu pictured. Select “Copy image url”.



Paste the url into the code I provided above to replace “Address of picture” and check that no spaces have been inserted just after the first IMG tag or just before the second one. This is important as spaces here will prevent the code working.

Your code should look like this:

Code: [Select]
[img]https://farm3.staticflickr.com/2913/14019636110_e320f4c27c.jpg[/img]
If you preview your post it will look like this:



This image is not clickable (hover your mouse over the picture and the pointer does not change). If you want to insert a small image that can be clicked to provide a larger view you will need to use this code:

Code: [Select]
[url=Address of large picture][img]Address of small picture[/img][/url]
For the small picture I usually use an image that is big enough to see, say 500 pixels wide, rather than a thumbnail as I find having to open every picture a chore.

Use the above steps twice to find the two addresses you require and past them in place of “Address of large picture” and “Address of small picture”. (Again you need to be aware of any spurious spaces inserted by the software). Your code will look something like this:

Code: [Select]
[url=https://farm3.staticflickr.com/2913/14019636110_d46a6bcba2_k.jpg][img]https://farm3.staticflickr.com/2913/14019636110_e320f4c27c.jpg[/img][/url]
And when you preview your post it will look like this:



Note that the pointer shape now changes when you move it onto the image, indicating that you have a clickable link.

Hope that helps, but if not I’m sure you will ask…

Have fun,


Ian.

PS The above was written for Flickr because that is what I use. However, a similar approach should work with other photo sharing sites.

PPS Note to Stuart and Karla, there is no "How to" FAQ or "Technical support" section on the board so I have posted this here. If there is a better place, please feel free to move the post.
« Last Edit: July 14, 2015, 09:53:41 AM by milfmog »
It's never too late to have a happy childhood.

Karla

  • Administrator
  • Full Member
  • *****
  • Posts: 129
    • View Profile
Re: Posting pictures to the forum
« Reply #1 on: July 13, 2015, 06:59:08 PM »
Fantastic guide! Thanks! I shall make this a sticky post!

I'd move it somewhere more where people can easily find it again when posting trip reports but I am not sure where yet.
« Last Edit: July 13, 2015, 07:00:50 PM by Karla »

eyesup

  • Hero Member
  • *****
  • Posts: 2347
    • View Profile
Re: Posting pictures to the forum
« Reply #2 on: July 13, 2015, 07:07:33 PM »
Wow, Ian!

What a great tutorial. You probably have saved me countless hours of trial and error. Unfortunately you have eradicated an excellent excuse to have a BEER!

I have copied the post to my machine for quick reference.

Thanks!

Duane

Pete Knight

  • Newbie
  • *
  • Posts: 16
    • View Profile
    • Naturist Action Group
Re: Posting pictures to the forum
« Reply #3 on: July 13, 2015, 07:57:33 PM »
As there appears to be no like, or up-thumb button please consider this post as one or the other, or even both!

Pete

jbeegoode

  • Hero Member
  • *****
  • Posts: 5349
    • View Profile
Re: Posting pictures to the forum
« Reply #4 on: July 13, 2015, 09:02:29 PM »
Bless you Milfmog....
Jbee
Barefoot all over, all over.

milfmog

  • Full Member
  • ***
  • Posts: 239
    • View Profile
Re: Posting pictures to the forum
« Reply #5 on: July 14, 2015, 09:55:51 AM »
Wow, Ian!

What a great tutorial. You probably have saved me countless hours of trial and error. Unfortunately you have eradicated an excellent excuse to have a BEER!

Duane,

It may have eradicated the excuse for the BEER, but hopefully it has saved you enough time that you can sit outside in the warm evening sun to enjoy the brew rather than slaving over your keyboard :D

Have fun,


Ian.
It's never too late to have a happy childhood.

JOhnGw

  • Hero Member
  • *****
  • Posts: 701
  • Almost anything worth doing is better done naked.
    • View Profile
Re: Posting pictures to the forum
« Reply #6 on: July 14, 2015, 11:49:36 AM »
Wow, Ian!

What a great tutorial. You probably have saved me countless hours of trial and error. Unfortunately you have eradicated an excellent excuse to have a BEER!

Duane,

It may have eradicated the excuse for the BEER, but hopefully it has saved you enough time that you can sit outside in the warm evening sun to enjoy the brew rather than slaving over your keyboard :D

Have fun,


Ian.
It also eliminates the possibility of spilling BEER onto the keyboard.   ::)
JOhn

Do not do unto others as you would that they should do unto you. Their tastes may not be the same.
George Bernard Shaw, Maxims for Revolutionaries

eyesup

  • Hero Member
  • *****
  • Posts: 2347
    • View Profile
Re: Posting pictures to the forum
« Reply #7 on: July 14, 2015, 07:21:37 PM »
Come to think of it, not having a BEER is a good reason for having a BEER!

Duane

milfmog

  • Full Member
  • ***
  • Posts: 239
    • View Profile
Re: Posting pictures to the forum
« Reply #8 on: July 14, 2015, 07:25:11 PM »
I think I may have a BEER in a while; apparently it is the last Tuesday of the week. That has to be worth celebrating, doesn't it?

Have fun (and BEER),


Ian.
« Last Edit: July 15, 2015, 06:15:45 PM by milfmog »
It's never too late to have a happy childhood.

eyesup

  • Hero Member
  • *****
  • Posts: 2347
    • View Profile
Re: Posting pictures to the forum
« Reply #9 on: July 14, 2015, 07:48:52 PM »
I used to say that "When you got no BEER there's no such thing as a bad BEER".

Since I started brewing my own, I have no excuse for having 'no BEER'.
So now I can refuse bad BEER.

Duane


eyesup

  • Hero Member
  • *****
  • Posts: 2347
    • View Profile
Re: Posting pictures to the forum
« Reply #10 on: July 15, 2015, 02:17:12 AM »
Well, here's a trial post of a photo!





Ian what is this text for? - Code: [Select]
Is that what you use for a label?

Not sure if I did this right.

Duane
« Last Edit: July 17, 2015, 05:12:13 PM by eyesup »

jbeegoode

  • Hero Member
  • *****
  • Posts: 5349
    • View Profile
Re: Posting pictures to the forum
« Reply #11 on: July 15, 2015, 05:29:54 AM »
Looks real good when its big and sexy like that!
Jbee
Barefoot all over, all over.

eyesup

  • Hero Member
  • *****
  • Posts: 2347
    • View Profile
Re: Posting pictures to the forum
« Reply #12 on: July 15, 2015, 04:29:53 PM »
Karla.

I was playing around with the photo posting and wondered if there was a way to wrap text around them. I looked at the help manual and some codes allow alignment of text, etc. but I couldn't figure out the wrapping part.

Does this forum allow that, or do I just have pictures in line with the text stream?

Just curious as to whether I missed it. I thought it might make a post more readable.

Duane

milfmog

  • Full Member
  • ***
  • Posts: 239
    • View Profile
Re: Posting pictures to the forum
« Reply #13 on: July 15, 2015, 06:21:18 PM »
Duane,

The {Code} and {/code} tags (written here with a { instead of a square bracket to stop the tag working and turning this post into gibberish) are used to instruct the software not to action the tags within the {code} tags. Without them you'd see the result, rather than the instructions. Clicking on the [select] simply highlights the entire code block so that you can copy and paste it into your posting. That seems to be a feature of the SMF forum software, I have not seen it elsewhere (pretty neat though).

As for text wrapping, I do not believe I have seen it done in a phpBB based forum. I think that the tags are seen as text (by the software), as is anything inside the tags, so wrapping will not work.

Have fun,


Ian.

PS Glad the instructions proved useful; I'm looking forward to seeing some more new landscapes that are quite alien to me.
« Last Edit: July 16, 2015, 09:43:06 AM by milfmog »
It's never too late to have a happy childhood.

freewalkerma

  • Newbie
  • *
  • Posts: 43
  • The scourge of normalcy is a treatable condition
    • View Profile
Re: Posting pictures to the forum
« Reply #14 on: June 19, 2017, 01:40:48 AM »
Thank you for your great tutorial Ian.     A bit more time consuming than writing straight text for me, but very doable.    Now I'll have to open an account and start uploading some of my better photos to Flickr.      A great mystery solved.

-Dan