How do I... embed images from Flickr into a Toys N Bricks forum post?
The TOC of Flickr states that you must link back to the photo page in question when embedding a picture directly into any medium (be it a blog post, forum post, email, what-have-you), so to best facilitate that you can use the 'Share this' button, and click on 'Grab the HTML' as shown in this screenshot:
Unfortunately, this only gets us half the way there, as forums like Toys N Bricks use a modified form of HTML called BBCode. The HTML looks like this:
Code: Select all
<a href="http://www.flickr.com/photos/43266097@N03/4802959877/" title="Phoenix Fireball by vynsane, on Flickr"><img src="http://farm5.static.flickr.com/4119/4802959877_7ae9e61cb0.jpg" width="500" height="375" alt="Phoenix Fireball" /></a>
The forum won't understand this, though, so you need to 'translate' it into BBCode. The result should look like this:
Code: Select all
[url=http://www.flickr.com/photos/43266097@N03/4802959877/]
[img]http://farm5.static.flickr.com/4119/4802959877_7ae9e61cb0.jpg[/img]
[/url]
As you can see, the HTML tag <a href= has been turned into and we've taken out any extraneous information (like the title="...") that BBCode doesn't understand. <img src=" has been changed into , and we've taken out the width="500", height="375" and alt="Phoenix Fireball" information, and turned the ending of the img tag /> into [ /img]. We've finished by turning </a> into [ /url]. This results in proper display of the image from Flickr, which also links to the page on Flickr where the image is displayed, like so:
[url=http://www.flickr.com/photos/43266097@N03/4802959877/]