How to embed a Flickr slideshow in your blog
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]
Get a WordPress.com Blog
With Halloween fast approaching, it's a great time to get in some practice defending your territory against zombies. In Graveyard Shift, you take aim at zombies and other creepy-crawlies, blasting them into splatters of cartoony green guts. It's a casual first-person shooter, and it's very easy to get the hang of - use the mouse to aim, click to fire. Graveyard Shift has at least 15 levels, and it might even have some secret stages I haven't unlocked yet.
They key to getting good at Graveyard Shift is learning to use ...
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?
Reply
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/
Reply
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
Reply
'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/
Reply
milo said 8:25AM on 10-24-2006
Nice gadget, i use woomp!'s fully featured gallery.
Reply
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.
Reply
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.
Reply
Jim said 12:26PM on 10-24-2006
oops.
URL here
http://www.jimbarter.co.uk/2006/10/24/flickr-gallery/
Reply
shalonda said 11:28PM on 10-24-2006
hey
Reply
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.
Reply
Phillip Molly Malone said 12:00AM on 10-27-2006
Wow, This would be cool as a Windows Live Writer plugin!
Molly
Reply
chiva said 2:40PM on 10-27-2006
I can't make it work on Hi5, any ideas?
Reply
Zoomrix said 9:35PM on 11-05-2006
Nice snippet! Here's what I came up with:
http://www.zoomrix.com/photo/
Reply
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. :|
Reply
Vanessa said 5:08PM on 1-09-2007
I have a Wordpress blog and this code didn't work for me either!
Reply
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.
Reply