FlyerTalk Forums - View Single Post - How (and where) to embed your pictures in the Travel Photography forum
Old Oct 21, 2007, 12:22 pm
  #12  
bdjohns1
 
Join Date: Jun 2004
Location: The People's Republik of MSN
Programs: After years of status, back to Peon levels. Anti-Apostheid Platinum, PWP CentCom
Posts: 4,767
Originally Posted by sbm12
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
Code:
<a href="http://www.flickr.com/photos/12159002@N08/1468355819/" title="Photo Sharing">img tag here</a>
to
Code:
[ URL="http://www.flickr.com/photos/12159002@N08/1468355819/" ]
img tag here 
[ /URL ]
(no spaces normally, but needed here to render the code correctly)

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:
Code:
<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
Code:
[IMG]"http://farm2.static.flickr.com/1230/1468355819_38dc73612a.jpg[/IMG]
(Note that I included the leading " in the sample above to make it render correctly. Don't use it in your actual post!!)

This code will give you this:



That's all there is to it!
If you're a Firefox user, there's an easier way:

http://www.flyertalk.com/forum/showp...8&postcount=42 - it adds an extra box on the photo page with FT-friendly BBCode.
bdjohns1 is offline