How to Post an Image

[The Wirefox]

For those of you who have used Flickr discussions this is a very similar method.

You cannot link direct to your computer. Your image must be hosted on the web e.g. Flickr, SmugMug, Pbase etc. etc.

Embedding an image in your post
In your photo hosting site go to the page that is displaying the image you wish to add to F-Stop Cafe. Copy the image URL (most hosting sites have an image source URL displayed to the owner) and paste it into your F-Stop Cafe message. Highlight the URL and then click the 'insert image' tool in the tool bar above. This will place two image flags around your URL....done

Notes

Flickr image URLs will not work when pasted in between the IMG flags described above. However, you can link to your image on Flickr so that when a F-stop user clicks the link the image will open in a new window

e.g. www.flickr.com/photos/wirefox_steve/6159449788/in/photostream/lightbox/

To do this go to your Flickr stream, click the image you wish to display at F-Stop and click again to open your image in the Flickr light box. Copy the URL from your browsers address bar and paste into your F-Stop message, highlight this copied URL and click the 'Insert Hyperlink' control above the F-stop message box. This will place URL flags at either end of the selected URL.

Linking to an Image

In some ways this method of introducing an image to the forum is preferable since it opens your image in a new window. This means you can utilise the 'view on black' option at source (see example link above) and members reviewing your images can see a clean version of your image as the comment.

All you need to do is go to the page where your original image resides and copy the URL from you browsers address bar and then copy it into your F-Stop message, highlight the URL you have pasted and then click the 'Insert Hyperlink' control on the toolbar above your F-stop message.

Tip: where your hosting site allows it you can also right-click on your image and 'copy image location' instead of copying from your browsers address bar.

Good luck and if you have any problems please post here or PM an admin

FOOTNOTE: Jiro has provided additional instruction for Flickr users as follows;

1. Press the "share" button on the image you want to post here from your Flickr account.

2. Select the "Grab the HTML/BBCODE" option and make sure the BBCODE button is the one selected.

3. On the size option select the "large" size option and then on the left-click on the open window where the link is located and it will turn blue. That confirms that you are selecting the link for the image.

4. Press CTRL+C on your keyboard to copy the link to the clipboard.

5. Go back to your thread here at F-stop cafe and then just simply press CTRL+V. This command will let you past the link automatically to your post. Once you hit the preview button here inside your reply thread you can see your image posted.

Using the forums Lightbox to Display Your Images


Scroll down to post No 9 in this thread VVVVVVV
[shadow=red,left,300]
PLEASE PM AN ADMIN IF YOU HAVE ANY OTHER IDEAS OR TIPS AND WE WILL ADD THEM TO THIS STICKY[/shadow]

[maryloveslucydog]

Please forgive my ignorance... I am assuming that I will need to change my Flickr privacy settings? Currently they are set at 'friends'.

[The Wirefox]

Mary

I dont think you do. Although all my images are set to public so its worth giving at try as it is.

[maryloveslucydog]

I can't get anything to link or imbed from Flickr... I've changed everything to public and I keep getting a message that says I've followed a bad link when I preview the post.

[The Wirefox]

Mary I am scratching my head now. I can only think it is your Flickr settings. Here are mine





If anyone else wants to chip in - Jiro? I am using SmugMug so I may have missed something obvious here

[maryloveslucydog]

Thanks, Steve. I'll go through them all again... but I think my settings are similar. Could just be me...

[manthos]

Hi Steve,

I want to share something...

I took the steps you mention to embed an image through flickr and I couldn't get my image display as an image and not as a link, to my post.
What I did to get it right was this: I went to the image page, I clicked on "share" and "grab the HTML/BBCode". I copied the BBCode and pasted it in the post. That's it! You can also choose which format to display.

Edit: Sorry, just saw that Jiro already said that in a post...

[DonS]

You cannot link direct to your computer. Your image must be hosted on the web e.g. Flickr, SmugMug, Pbase etc. etc.

It's harder than I thought...
So I have to post somewhere 1st and then copy the link...

[maryloveslucydog]

Thanks. I finally got it.

[jiro]

A couple of minutes ago, I joined the ProBoards Support Forum so I can find ways to help Steve (wirefox) with our forum. Me, and including some of you misses this style of viewing our posted images similar to what a Flickr lightbox do. Well, from the generosity of some of the ProBoard Support Staff, they gave us a script code that will do just that. Yehey!!!

However, there is a special thing we need to do:

Instead of using the BBCode link we need to use the HTML link to our images and then deleting everything except that actual location of the image on the server that we used.

Here is an example:

I use Flickr as my image server so this is how I will do it.

1. From my Flickr page, I located the image that I want to post on our forum.



2. Then, I clicked on the "SHARE" button and I chose the HTML CODE.



3. I clicked on the code window and upon clicking, the whole image code will turn blue. That means the code is now ready to be "copied" to my computer's clipboard for pasting.



4. Upon clicking, press CTRL+C to copy the actual code to your computers' clipboard. It will automatically copy it for you after pressing CTRL+C so don't panic. ;D

5. Open a new reply thread or open a new post inside our forum then locate the "insert image" button on top of the reply window.



6. Before you press the "insert image" button, you have to paste the HTML code of your image first to your reply or thread window. Just simply press CTRL+V. You will notice that the HTML code now appears on your open window.



Just for clarity, I highlighted in blue the only part that you need to retain from the HTML code. The rest has to be deleted.

7. This is what it should look like after deleting all those unnecessary codes from the original HTML code.



8. Now, you are ready to press the "insert image" button so that they whole code will be inside the image bracket codes from our forum.



That's it!

Upon pressing the "post message" button, all you have to do is to click on your image and it will be opened on a new window ALA-Lightbox.

Hope this helps.

[The Wirefox]

Ok it works with SmugMug too. Just go to the 'Get Links' and you get the screen below. Go to the 'Embeddable Links Tab' Click copy next to the image size you prefer



It works from both the Blogs and Forums sections but be sure to isolate the code as shown by Jiro above. Note: that the tags are already provided if you use the 'Forums' option.

[robmarshall]

Jiro,

I'm a bit confused by all of this. I just posted a shot from Flickr (this one fstop-cafe.proboards.com/index.cgi?board=landscapes&action=display&thread=84 ) And all I did was select the size I wanted in Flickr then right clicked the image and selected 'copy image location'. I use Firefox, and you get different options with IE8, but with Firefox you don't need to do all that deleting business you mentioned. Or have I got it wrong?

[robmarshall]

Sept 30, 2011 8:51:37 GMT Kit said:

I know I'm not Jiro, but you are dead right Rob. Just shows that there are many roads to Rome, eh. But you just showed us the simplest one.

If you use Internet Explorer instead of Firefox you need to do it slightly differently. Just right click on the image size you need then select 'properties'. When the properties table appears just select and copy the address (half-way down the page) and use that for the direct paste into the thread here.

We all want to be Jiro. Good-looking, charming, and living in the land of the free.