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:
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)
10-23-2006 @ 4:20PM
Alessandro Piana Bianco said...
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?
Reply
10-23-2006 @ 6:00PM
andres said...
I use this little widget and its great, not a slideshow but looks really nice
http://www.db798.com/pictobrowser/
Reply
10-23-2006 @ 7:21PM
Vrogy said...
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
Reply
10-23-2006 @ 9:03PM
'Orrible Cabbage said...
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/
Reply
10-24-2006 @ 8:25AM
milo said...
Nice gadget, i use woomp!'s fully featured gallery.
Reply
10-24-2006 @ 11:55AM
Bill said...
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.
Reply
10-24-2006 @ 12:24PM
Jim said...
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.
Reply
10-24-2006 @ 12:26PM
Jim said...
oops.
URL here
http://www.jimbarter.co.uk/2006/10/24/flickr-gallery/
Reply
10-24-2006 @ 11:28PM
shalonda said...
hey
Reply
10-26-2006 @ 11:02PM
Simon Roy said...
Wow, what a great find. I use it on my blog and dropped the Flickr badge.
Reply
10-27-2006 @ 12:00AM
Phillip Molly Malone said...
Wow, This would be cool as a Windows Live Writer plugin!
Molly
Reply
10-27-2006 @ 2:40PM
chiva said...
I can't make it work on Hi5, any ideas?
Reply
11-05-2006 @ 9:35PM
Zoomrix said...
Nice snippet! Here's what I came up with:
http://www.zoomrix.com/photo/
Reply
11-21-2006 @ 3:56PM
ben croft said...
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. :|
Reply
1-09-2007 @ 5:08PM
Vanessa said...
I have a Wordpress blog and this code didn't work for me either!
Reply
1-09-2007 @ 8:31PM
Vanessa said...
By the way, I have a wordpress.com blog, not a wordpress.org blog. That may be the underlying issue.
Reply