How to embed a Flickr slideshow in your blog

by Jordan Running on October 23, 2006 at 01:02 PM

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]

Sun	Mon	Tue	Wed	Thu	Fri	Sat
	1
2	3	4	5	6	7	8
9	10	11	12	13	14	15
16	17	18	19	20	21	22
23	24	25	26	27	28	29
30

Sun

Mon

Tue

Wed

Thu

Fri

Sat

Comments

Alessandro Piana BiancoOct 23rd 2006 4:20PM

Neutral

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?

Dislike

andresOct 23rd 2006 6:00PM

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

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

VrogyOct 23rd 2006 7:21PM

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 CabbageOct 23rd 2006 9:03PM

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/

miloOct 24th 2006 8:25AM

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

BillOct 24th 2006 11:55AM

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.

JimOct 24th 2006 12:24PM

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.