How to embed a Flickr slideshow in your blog

by Jordan Running Oct 23rd 2006

There's a lot of ways to get your Flickr photos onto a web page or blog post, but few are as clean and elegant as Flickr's own slideshow player. Wouldn't it be nice if you could embed that player in your blog? Ah, but of course you can! Paul Stamatiou shows you how, but since the HTML got a little mangled in his post I'll just repost it here. Here's the basics:

<iframe align="center" src="http://www.flickr.com/slideShow/index.gne? user_id=12345678@N00&tags=YOUR_TAGS" frameBorder="0" "width=500" height="500" scrolling="no"></iframe>

That's the basics, but the line breaks are only in there for presentation--make sure that long "src" URL doesn't have any spaces or line breaks when you use the code. You'll have to replace the user_id ("12345678@N00") with your own--in case you don't know what yours is, idGettr will tell you--and YOUR_TAGS with whatever tags you want in the slideshow. If you want to show a photoset instead of photos with a particular tag, replace tags=YOUR_TAG with photoset_id=PHOTOSET_ID, where photoset_ID is the string of numbers at the end of a photoset URL, e.g. the 1234567 in flickr.com/photos/username/sets/1234567/. There's a variety of other parameters you can use, including:

contacts=
text=
tag_mode=
favorites=
group_id=
frifam=
nsid=
single=
firstIndex=
set_id=
firstId=

...but it's up to you to figure out what they do. Just make sure you have an & between each parameter/value pair. Once again, this is all the work of Paul Stamatiou, so if you find this useful head over to his web site and click on his ads.

[Via eclecticism, image via Stewart Butterfield]

Reader Comments (Page 1 of 1)

Alessandro Piana Bianco said 4:20PM on 10-23-2006

I'm trying to find a way to embed an IFRAME not using an IFRAME tag:

http://exploded.awcr.org/iframeFlickr

and

http://exploded.awcr.org/iframe

Browsers are not rendering this technique in the same way, though. IE not rendering it at all, any guess?

andres said 6:00PM on 10-23-2006

I use this little widget and its great, not a slideshow but looks really nice

http://www.db798.com/pictobrowser/

Vrogy said 7:21PM on 10-23-2006

I did this a few months ago. You just have to dig around in the HTML a bit and swap some titles around...
http://www.vrogy.com/blog/?page_id=5

'Orrible Cabbage said 9:03PM on 10-23-2006

There is also this generator to create the slideshow you need. Just add the various details and it will give you the code.

http://www.lazyi.net/flickr-slideshow-html/

milo said 8:25AM on 10-24-2006

Nice gadget, i use woomp!'s fully featured gallery.

Bill said 11:55AM on 10-24-2006

You guys must be using something other that Wordpress then. Wordpress flat out refuses to embed a Flckr slideshow using any method I've seen to date, including the iframe and pictobrowser ideas above. And even if you could embed one, the Flckr slideshow player doesn't seem to scale well below 500 pixels wide, which is too wide for any of my blogs, unfortunately.

Jim said 12:24PM on 10-24-2006

embeds fine in my wordpress blog...

but the code above is fubar'd

<iframe align="center" src="http://www.flickr.com/slideShow/index.gne?user_id=12345678@N00" frameBorder="0" width="500" height="500" scrolling="no">
Flickr Photo Gallery
</iframe>

works for me.

Jim said 12:26PM on 10-24-2006

oops.

URL here

http://www.jimbarter.co.uk/2006/10/24/flickr-gallery/

shalonda said 11:28PM on 10-24-2006

hey

Simon Roy said 11:02PM on 10-26-2006

Wow, what a great find. I use it on my blog and dropped the Flickr badge.

Phillip Molly Malone said 12:00AM on 10-27-2006

Wow, This would be cool as a Windows Live Writer plugin!
Molly

chiva said 2:40PM on 10-27-2006

I can't make it work on Hi5, any ideas?

Zoomrix said 9:35PM on 11-05-2006

Nice snippet! Here's what I came up with:
http://www.zoomrix.com/photo/

ben croft said 3:56PM on 11-21-2006

Hey, does anyone know hot to add more than one tag?? Here: &tags=YOUR_TAGS" When I try to add more than one, it doesn't work. :|

Vanessa said 5:08PM on 1-09-2007

I have a Wordpress blog and this code didn't work for me either!

Vanessa said 8:31PM on 1-09-2007

By the way, I have a wordpress.com blog, not a wordpress.org blog. That may be the underlying issue.

Featured Time Waster

Civiballs is a beautiful, soothing physics puzzle Time Waster

I have an absolute weakness for physics games, and while Civiballs isn't the strongest physics-based game, what it lacks in the physics department it makes up for a few times over in style and fun.

In Civiballs, you are presented with a few colored balls, and your goal is to get those balls into the same-colored urn on the level. The "civi" part of Civiballs is that there are 3 sets of levels to play, each representing a different civilization. While the civilization doesn't affect gameplay, the artwork for each level is beautifully themed to it's appropriate era.

To play the game, you are given only one tool - a sword with which to cut the chains that are holding the balls. The puzzle part of the game is in figuring out what order, and with what timing to cut each chain. Do it right, and all the right balls end up in the right urns, with no stray balls entering an urn (a no-no). Do it wrong, and you get to start over again.

Civiballs is not terribly deep on gameplay; the entire game can be completed in about 15 minutes. But if you enjoy this type of game, it will be a very enjoyable 15 minutes.

View more Time Wasters