Updated flickr instructions are now at post 210.
Be careful when posting images from flickr - they have some specific rules on how they are supposed to be referenced, including that you are supposed to have a link back to the original gallery. To account for that make sure that you're including the HREF tag as described below.
In your flickr account, pick the image you want to share (
http://www.flickr.com/photos/12159002@N08/1468355819/). Then click on the "All Sizes" button just above the image (
http://www.flickr.com/photo_zoom.gne...8355819&size=l). At the bottom of that page there is a heading "To link to this photo on other websites you can either:" and then a text box under number 1. Copy the text from that box (remeber, you need to use this version to be compliant with their ToS for linking, and you'll end up with something like this:
Code:
<a href="http://www.flickr.com/photos/12159002@N08/1468355819/" title="Photo Sharing">
<img src="http://farm2.static.flickr.com/1230/1468355819_38dc73612a.jpg" width="500" height="375" alt="Larry gives cigarman a pair of F seats!" />
</a>
That code would work on a "normal" web page, but not so much on FlyerTalk, so we'll need to adjust it a bit.
The first line is the "a href" tag. This is replaced with the URL tag on FlyerTalk, and the greater than/less than tag enclosures are replaced with square brackets. So the code will change from
<a href="http://www.flickr.com/photos/12159002@N08/1468355819/" title="Photo Sharing">img tag here</a> to [URL="http://www.flickr.com/photos/12159002@N08/1468355819/"]
img tag here
[/URL]
Fixing the image tag is pretty straightforward as well. FlyerTalk doesn't use the "src=" part of the tag, nor the size dimensions nor the "alt" text. Also, the FlyerTalk IMG tag doesn't like it when the URL for the image is surrounded with quotes. Stripping all that out we go from this:
<img src="http://farm2.static.flickr.com/1230/1468355819_38dc73612a.jpg" width="500" height="375" alt="Larry gives cigarman a pair of F seats!" /> to [IMG]http://farm2.static.flickr.com/1230/1468355819_38dc73612a.jpg[/IMG]
This code will give you this:
That's all there is to it!
For those of you using FireFox, there is an easier way with the GreaseMonkey script described below (originally noted
here):
Originally Posted by
bdjohns1
Just to reply to myself, but in helping out with a Flickr question over in the in-flight photos I found an easier way to get Flickr-friendly BBCode for linking to images:
this script ^
On the "all sizes" page for your photo, it adds an extra text box with the BBCode to display the image and have it link back to the Flickr photo page, per Flickr's rules.
Need to be using Firefox with Greasemonkey to have it work.