Update: Flickr officially supports embedded slideshows.
Dig those flash Flickr slideshows? All that’s needed is a bit of code to embed them within your website to give your readers something dynamic.
<iframe align=center src=http://www.flickr.com/slideShow/index.gne?user_id=12345678@N00&tags=foo frameBorder=0 width=500 scrolling=no height=500></iframe>
Alternatively, you may opt to use standards compliant embed code, although I have heard it does not work as widely as the iframe solution does.
<object type="text/html" data="http://www.flickr.com/slideShow/index.gne?user_id=12345678@N00&tags=foo" width="500" height="500"> </object>
Place this somewhere on your website or within a blog post. Change user_id from 12345678@N00 to your flickr id, which you can find out with this idgettr. Also replace foo with the tags of the photos you wish to display.
Other parameters include the following:
- contacts=
- text=
- tag_mode=
- favorites=
- group_id=
- frifam=
- nsid=
- single=
- firstIndex=
- set_id=
- firstId=
For those wondering how I came up with all of this, it was no more than some determined API investigation. If you want to use one of these extra parameters just add it after your user_id with a separating ampersand (&). Don’t forget to subscribe to my RSS feed on your way out. And for those wondering, there is no way to adjust the size of the flash slideshow as it is fixed in size and hosted on flickr. If you are looking for a different type of flickr photo integration, check out Diego’s pictobrowser.
PaulStamatiou.com runs on the Thesis Theme for WordPress
Thesis is the search engine optimized WordPress theme of choice for serious online publishers. If you’re a blogger who doesn’t understand a lot of PHP, Thesis will give a ton of functionality without having to alter any code. For the advanced, Thesis has incredible customization possibilities via Thesis hooks.
With so many design options, you can use the template over and over and never have it look like the same site. The theme is robust and flexible enough not only to accommodate a site like PaulStamatiou.com, but also to enable the site to run far more efficiently than it ever has before.
Stumble This
{ 169 trackbacks }
{ 228 comments… read them below or add one }
I was looking for a way to do this for the past few days – was actually going to ask you…
After the recent redesign of my site using your ‘Deviance’ k2 style as a base, and figuring out the .htaccess problems to get FAlbum 0.5.5 to work, that’s the next thing i’m going to add..
Thanks again!
Note that right now there is a space between the left arrow and iframe as WP keeps trying to execute it. Update: fixed!
Yeah, this is cool!! I’ve made sometime ago almost the same thing, but a slideshow.php that you link like slideshow.php?id=”set” or tag or something like it. I’ll improve and release on my website! :)
Thanks Paul! That’s super cool. Do you have a link where I can glean more information? I’d really like to be able to show a flagshow based on a set rather than tags, and I can’t figure out how by looking at your quick howto.
Pasteler – that sounds like a cool idea! Do it!
TAD, I just updated this article a bit… I didn’t know how to do photosets either but I jumped into the Flickr API once more and discovered the “photoset_id” attribute. Just use “&photoset_id=” instead of “&tags=”. You can find your photoset id from the URL of the photoset. For example, this photoset http://flickr.com/photos/pauls/sets/1393028/ has a photoset id of 1393028.
Yeah, i’ve released that my script. Its pretty simple stuff, but its cool! Take a look:
http://www.ovelha.org/pasteler0/2005/11/20/simple-flickr-slideshow-script/
I’ve made a similar script to this some time ago, but after reading this I decidade to release mine! :) What do you say paul?
Go for it!
sorry for the double comment! Thought the first one didn’t work! :)
I use comment moderation. If I moderate you once, you can post freely after that. If your post has a link in it, it automatically goes to the moderation queue. ;-)
YOU ROCK! I’ve been trying to do this for a while now. THANKS!
This nice tip is now listed in the Great Flickr Tools Collection.
http://pchere.blogspot.com/2005/03/great-flickr-tools-collection.html
Awesome. Simply awesome.
Thanks tons for this code, it is quite fun. Any way to change the size of the photos being displayed to the slideshow can be a bit smaller? Also, I’ve been poking around the flickr API docs, but can’t figure out what the heck frifam is…anyone care to enlighten me?
I used the above tags “HOW TO Quickie: Embedded Flickr Slideshows” and successfully post my flicker slide show.
I posted second slide show in a new post, a small problem – the two slide shows/post and blended togeather – two slide shows on on post.
http://bicycleadvocacy.blogspot.com/
Now I need to know the basic html code to:
1- separate each individual post.
2- post both a small amount of text along with the slide show. Nothing fancy, just a slide show and a breif discrition.
I am willing to pay some one to help me work around this html code issue/work around. Any one want to step up and help me work around this? I have a Pay Pal account,
Thanks,
Byron
There should be a closing tag. If it’s missing, the text after the slideshow gets lost. (The browser thinks it’s the text to display if the user’s browser doesn’t support frames.)
Other than that, it’s way cool.
I tried this:
src=”http://www.flickr.com/slideShow/index.gne?user_id=34125946@N00&photoset_id=1460600″ frameborder=”0″ height=”500″ scrolling=”no” width=”500″
as the argument to iframe, having gotten the photoset_id from http://www.flickr.com/photos/eschamp/sets/1460600/
However, the slideshow shows all my photos. What have I done wrong?
Thanks.
Can’t believe you did it! I’m pretty new at this and I’ve been looking for a way to embedded a slide-show of my flickr pics.
You made a huge contribution for amateurs bloggers. Thanks man
Can´t get it right. The slideshow blanks everything else on the site…pops out. I tried, word press, nucleous…no luck. Didnt work when I tried to lower the width. Any idea? thanks, great script anyway!
Tom: Thanks for spotting that, I had left out the closing iframe tag.
working fine now at moreno.extralibris.info, but can´t figure why the slides are shown out of order, even with the “photoset_id” parameter. thanks again!
Paul — first off, awesome stuff. I’m really excited to start incorporating slideshows to my site. However, I — like Paul Holsberg up above, am having trouble getting the slideshow to display by photoset. I’ve put the photoset id and the correct tag you suggested into the code — but it’s still just showing all my photos…
What could be wrong?
As an example — trying to get this photoset:
http://flickr.com/photos/kluv32/sets/1431095/
On this page, as a test:
http://www.ithacamafia.com/Photos/Sox_A_Test.htm
But, it includs more than just that photoset, as you can see.
Any suggestions?
Thanks!
Hello,
was curious if there was a way to make it a percentage, because when I try to physically resize it, it messes with the image inside.
best, mark
Mark: I don’t think it is possible, it’s a Flickr thing that deals with their Flash.
Instead of “http://www.flickr.com/slideShow/index.gne?user_id=34125946@N00&photoset_id=1460600″, use “http://www.flickr.com/slideShow/index.gne?set_id=1460600″
Thanks to Dan Coulter!
Awesome! Thanks, Pete — and a thanks to Dan Coulter, too!
Now, does anyone know how to put captions on the photos in a slideshow?
This is really a neat little trick. Like others, I would like to scale down the size of the photos because the slideshow doesn’t fit the layout of my Blogger blog. Obviously it is easy to edit the size of the frame, but unfortunately that doesn’t seem to scale the photos accordingly. Has anyone figured out if there is any way to change the size of the photos? Thanks!
FLICKR DISABLED THE SLIDESHOWS!?!!!??!
NOT SHOWING UP ANYWHERE!
5:26 PST 12/12/05
William, they could have just been “having a massage” aka regular server maintanence. As seen here http://www.paulstamatiou.com/2005/11/18/live-from-cre824/, everything still works.
Thanks for the code, very neat idea. Again, like others I’d like to be able to scale the slideshow frame – I’m sure I’ve seen it done somewhere but may be memory playing tricks. I did try a (very) ugly workaround (see http://www.grafspray.com – please excuse the rest of the page, still work in progress, and indeed the photos!) by simply posting photos to Flickr that have all the desired content in the top left corner (i.e. within a rectangle the same dimensions as the embedded slideshow window), and just filling the rest with black. But it looks awful when viewing the photos on Flickr itself… and even with the embedded slideshow, when it comes to the end you can’t click on the Flash dialogue box because the buttons aren’t accessible! Hopefully there’s a better way of doing this. Thanks again!
Thanks so much for this! It’s been very usefull. Can you tell me what code to insert to display the photos in a group instead by keywords? Thanks!
Hi– Love this feature…. Is there a tag/script to make the order of the slideshow random instead of chronological?
Thanks for your help with the slideshow. Is there anyway to get a smaller version of the slideshow?
FYI, Blogger sees the iframe and thinks you are a spammer and blocks the post. Even word verification will not work. I am waiting for them to review my blog and remove the “false positive.”
I love this entry! I love it so much, I wrote a simple PHP script to make it easier for those who are not HTML savvy. You can check it out at: http://www.lazyi.net/flickr-slideshow-html/.
Ryan,
Bravo! Do you have any idea how to caption the photos, either in the slideshow or back at Flickr?
Thanks.
@ Pete: In flickr, there is a place right below each image where you can put a caption. You can see in this photo that the caption is “ISO 100, f/4.5, 5sec”. I don’t know if that is what you mean or not, but that’s the best I can think of as a caption. Also, from what I can tell, you can’t have captions in the slide show.
Hey, Paul and others…I found this post yesterday, and implemented it on my blog; it’s a great hack, except the un-resizability thing. Then today I stumbled across another blog with a neat little miniature flickr slideshow type thing in the side bar. I clicked on the ‘what is this?’ tag at the bottom, and it took me straight to a simple walkthrough on flickr itself that gives you the code to install in your own blog, complete with styling options and selection of content! Not to demean your efforts here at all, but thought people might like to know, as it’s a bit more petite and therefore suitable for permanent sidebar residence…the link seems to be to here.
Or you could look at my blog, VelcroCityTouristBoard, and click the link from there…go on, I need the traffic! :)
Good blog though; now in the bookmarks list and I’ll link you up in my sidebar (underneath the slideshow, of course ;) ), you have some good stuff on here. Peace…
AA
Paul, have you been able to get any of the other variables to work? I’m trying to get a slideshow that show my favorites, so I assumed I’d use the ‘favorites=’ bit after my user_id but I don’t know what to set the variable to. Tried =1, =true, =yes, =y … none of them worked. Do you know what I should be putting? Thanks.
Breanda: Try this out, I have a little script that uses the method Paul outlined here and I get the favorites to work too ;) Hope that helps.
Thanks Ryan, that’s just what I needed. Never though to try favorites=own !! :)
Hi Paul, great stuff!! Do you happen to have any extra info on the parameters? For instance, I would like to let the show loop or if possible (in a slideshow with many pictures) let it advance automatically to the next set of pictures. Again, very nice!
Hi,
I have put the codes in a webpage and it shows for a few seconds but then it disappears and I get “The Page Cannot Be Displayed”.
Any ideas?
Thanks,
Peter
Great tool! Thanks. now how did you get those other little icons beside “Socially Bookmark HOW TO Quickie: Embedded Flickr Slideshows”? THanks again!
People wanting to show a photoset should not use photoset_id as indicated in the comments, but set_id instead.
Does anyone know how to change the order the photos are displayed? Seems the default is by when they were updated. I would be cool to sort by most views, when taken, most commented, etc.
Can one of the variables handle this? I looked at all of the available varibles for the URL string but am unsure what they all do.
Thanks
for example:
&sort=interestingness-desc
sorts the most interesting first
must be more sort options, but this is the only i found out
Hi,
I tried this code in my blog and when I viewed using Firefox its not displaying
the slideshow. Any clues how to get that?
Thanks
Mouly
I am grateful for the slide code!!!!thankyou!!!!Claudia
howcan I change the order the photos ?
Hi Claudia
That’s a good question. The available varibale to mess with are listed below. I wish someone could explain what all of the possible arguements are for each one – god with that be cool. there is a sort variable which is a sign of hope but without knowing what to put in there it’s just a big tease.
Hope this helps (a bit.)
var se_swfdiv = document.getElementById(’swfdiv’);
var se_bg_color = ‘ffffff’;
var se_fw = ‘500′;
var se_fh = ‘500′;
var se_min_w = 762;
var se_max_w = 1142;
var se_min_h = 350;
var se_url = ‘/slideShow/slideShow.swf?minH=’+se_min_h+’&minW=’+se_min_w;
se_url+= ‘&maxThumbs=’;
se_url+= ‘&firstIndex=’;
se_url+= ‘&firstId=’;
se_url+= ‘&nsid=28573874@N00′;
se_url+= ‘&log=’;
se_url+= ‘&set_id=’;
se_url+= ‘&user_id=12345678%40N00′;
se_url+= ‘&tags=foo’;
se_url+= ‘&text=’;
se_url+= ‘&favorites=’;
se_url+= ‘&tag_mode=’;
se_url+= ‘&group_id=’;
se_url+= ‘&contacts=’;
se_url+= ‘&frifam=’;
se_url+= ‘&single=’;
se_url+= ‘&magisterLudi=d17df4ec3d2669caab8dbcf3aa7b4e1f’;
se_url+= ‘&auth_hash=264862555cf7de2c8b2b218e883a2201′;
se_url+= ‘&auth_token=’;
se_url+= ‘&flickr_secret=c25582d6af44a431′;
se_url+= ‘&sort=’;
se_url+= ‘&v=’;
I’ve made a blog for someone else.I can see the slides and I saw the blog with the slides in other computers.He cannot see the slides(“this page cannot be displayed”)is written on the part of the slides.What has he have to do in his computer, to be abel to see the slides?
thankyou, Claudia
I’ve made a blog for someone else.I can see the slides and I saw the blog with the slides in other computers.He cannot see the slides(“this page cannot be displayed”)is written on the part of the slides.What has he have to do in his computer, to be abel to see the slides?
thankyou, Claudia
http://www.photomoshe.blogspot.com
Is there anyway to embed flickr onto myspace? The codes don’t seem to work…
Heeeeeeeeeeeeeelp!!!I have a slideshow in my blog(inserted on templates).Now, I want to put another one in a post.When I want to post it,slideshow of someone else appears.Why?Everything is correct(id,tag);when I see it in preview, everything is ok;When I post it,someone elses slideshow appear!!!!answer me,please!!!.I need a solution!! Claudia
Hi there! im making some stuff with this but i don’w know how to deactivate the “zoom” effect on the images, in fact in some of them they look very awful, because they are small images.
I don’t know if it’s possible to deactivate this :S
Thanks anyway. Great work here! :D
will someone please tell me how to use
&favorites=in a badge?
I tried the link that some left in a comment on this page, but the link was broken.
help?
Scott
I used your code in my daughters blog.If you want to see it,you are invited!!!
http://www.sheilasart.blogspot.com
Tell me what you think about it.
Myspace.com doesn’t seem to want to accept in the blog section. Is there another way to do it using ?
Does anyone know if there is a way to pull the flickr slideshow into myspace? I know myspace does not allow iframe tags does anyone know of a workaround?
Is there anyway to have the slideshow automatically PAUSE when it’s loaded inside your page?
So I implemented this Flickr code on my website and it’s great, except when you click on the image it pulls back and gives you a square cartoon face with who uploaded the images. When you click on that you can get into my Flickr account. Does anyone know how to disable this?
Thanks
Phoenix
i just added this script, is it possible to display the title and description of each photo while slideshowing?
How can I embedd a slideshow of my private pictures from Flickr. I do not want to make the pictures public but still want my friends and family to be able to see pictures in the embedded slideshow.
I have the same question :
I want my private pictures in my slideshow becouse I have this slideshow in a restricted area in the web. I have toi use my API Keys or somethings?
someone know how can I do?
Thanks!
Paul, great script!
I’m not sharing anything I am asking I have been trying for months to get some pics off of a slideshow my cousin made but I am unable to do it I’m not computer literate but if anyone could help me I would appreciate it. I am trying to make my own slideshow and I need the pics off the other on that is already made.
Thank you for your entry Paul. I am trying to resize the slideshow but I don’t think that is possible. I might instead just change around my blogger site to accomodate the size. Thanks for all of your work.
Travis
Sweet!! Thanks for the very helpful tutorial. I have been messing with getting a flickr slideshow and an XSPF Player playlist to display together and it’s really helping.
Note that the basic code above includes “&tags=foo”. If you leave that in you may the “no such photos found message”!
Thank you for the cool job
regards, from france ;-)
I was wondering how i could get 2 slideshows (or more) on my set from different sets of my flickr acount ? Because at the moment he just take one set and he won’t vieuw the others. Hope you cna help me.
Thanks
hi, when i use the slideshow code in my wordpress post, my comments, the side modules, along with everything else (besides the flickr slideshow itself) disappears.
anyone know what’s going on and how to fix this?
can’t seem to figure out what to add in to sort a “tagged” photo stream by interestingness. I thought adding &s=int or &sort=int or even &s=rel would work, but not luck. Haven’t found the answer in these comments either. Any ideas? Thanks
&sort=interestingness-desc
This is just fantastic, thanks! I used it to embed a slideshow of my favourite photos: http://www.philafunk.com/users/thebigdurian/media
It looks hot.
Love the slideshow and badge scripts Paul! Is there a way to disable or redirect all links back to FlickR in both scripts?
ok i am completely lost. i posted taht code and changed the user id thing and put my tag on but all that shows up is the code.
Implementing this tag into my wordpress blog makes everything except the flickr slideshow post disappear (sidebar, subsequent posts, etc).
I have tried playing around with width values in the css to rediculous extremes (1000+) and no good. Is something else the issue here?
It effects all the different themes I load although I would like to stick with K2.
I found the only way to get this to work with wordpress is to paste the following directly into the ‘write’ body text (no html button needed):
The problem seems to be that WordPress butchers the code originally in Paul’s post (perhaps after a newer versions…?) and drops out that all important closing tag .
note:
1) there is no space btwn “middle”src= . This is imperative so far as I can tell.
2) this is formatted to show a slideshow of a particular set… see above for showing different parameters.
3.) if you get stuck, look at the page source of your blog to see if Wordpress is publishing your code correctly.
——
Thanks Paul, you rock. K2 tutorials were invaluable to me too.
OK, lots of questions here and other sites about how to make slideshows of your private photos without requiring individual user authentication and verification of being Friends / Family. I wanted to know it too and was too hard-headed to accept a ‘normal’ workaround (e.g. making pictures public or using another slideshow app). Here’s what I’ve found:
indes.gne and slideShow.swf generate much the same output… yes, they’re different, but I’ve not taken the time to identify just how. The important thing here is that I’ll be using slideShow.swf where indes.gne was used before. slideShow.swf itself has two components: itself, which is little more than a shell for the actual codebase and code.swf which it calls to do the real work of putting on a slideshow. code.swf uses the same interface to flickr which all of our websites do; that is, in order to ’see’ our private photos, it needs to authenticate its own API call with the server.
Solution: provide the following GET parameters on your call line to the application:
&magisterLudi=[Your API key] // NOTE: I had no idea why the name change – anyone else?
&auth_token=[Your authentication token] // See below
&nsid=[Your NSID / flickr ID #]
&set_id=[Set ID for the photos you want to see; blank for all your pics]
&flickr_secret=[Shared secret for your API key]
Borrowing from the original example:
Now, like me, you may be a bit nervous about giving away both your API key and your shared secret in a public HTML form. In my case, I set up a SECOND API key just for the slideshow, and after authenticating it once to obtain my token (for ‘read’ permissions only), I set the callback URL to “” so that it can’t be used again for anything else.
What about the token? I’m using phpFlickr for my application development, and so used Dan Coulter’s authentication page here: http://www.phpflickr.com/tools/auth/ to generate the only token which I’ll be using (it doesn’t expire).
It’s a little bit of leg work, but the plus side is being able to view all of your pictures in a slideshow with minimal security compromise and without having to make all of your pictures public.
Hope this helps, and of course great credit to all those who came before for laying the groundwork.
Typo on last comment: You need to include &user_id=[Your NSID] in your call line to slideShow.swf if you won’t be specifying a set id (or just include it everytime anyway and forget about it). Not doing so will result in random images (most recent to flickr) being displayed.
This works for me on myspace, but not perfectly…
These are my flickr photos with “ska” tags. Click on one to stop the show and read the caption.
Terrific tip. Thanks.
just wanted to say AWESOME work!
I am curious as to how to resize the slideshow, or how to get it to loop continuously w/o prompting a yes/no option
great work!
When I put this code into a Wordpress page, it worked great, and looks super. But then when I went into edit the page, all of the text and html within the write box disappeared. The page still displays with the text and slideshow, but it is not possible to edit anything.
has anyone else had this happen? is there a solution?
Has anyone tried this in a ColdFusion environment? I can’t get it to work for me for the life of me. I get it working fine in other areas. It is a sweet script, but on one site I manage, I can’t get it to work at all and the only variable I can gather is that the site is ColdFusion. Any ideas?…other than getting off ColdFusion.
Paul,
This is the number 2 link on google for “Flickr Slideshow Blog” and it was exactly what I was looking for. Your code and about 3 seconds in my HTML editor got me exactly what I wanted. Hope to see you at the next BarCamp.
Marc
Awesome, glad it’s working Marc.
Hi Paul, Just found this site and i’m in love. Was wondering if you could help me out on a few bits- is there any way that you can disable the links back to flickr and the part that says ‘uploaded by?’ Thanks a million.
Jenn, just FYI, Flickr requires as part of its TOS that all photos displayed on other websites link back to the photo page on Flickr, so you can’t remove the links and still follow the terms.
Thanks Brenda! I thought that might be the case. I’m a novice so do you happen to have any tips on other ways to display photos? This just seemed way to easy!
I’m trying to find a way to do a FULL-SCREEN slideshow. Any ideas??
Looks like Flickr did something and broke this embedded slideshow method. I used this a lot on my blog, now it’s all kinda ruined :(
Hi
First off all I must thank you for that script.
but i have to say that i have a problem with it
although my Pics are 150px . 150px
but the software stretch them .
can you help ?
Hi, my link does not work :-(
Can anybody help me please?!
http://www.flickr.com/slideShow/index.gne?user_id=90585755@N00&nsid=90585755@N00&favorites=own
Where’s the mistake?
Just want to show my favorites…
Greets, John
Do you know if in tag mode you can view everyone’s photos with two tags … in my case I want photos with “minnesota” and “politics” for:
http://e-democracy.org/votervoices.html
You can also use the tool over at
http://www.flashyourspace.com/
To add Flickr to your myspace profile.
For myspace I had to use the embed tag …
[View using Helper Application]
Hey, is it possible to pre-set the slideshow SPEED? I’m not an html wiz, so maybe that parameter has already been given (& not explained) – but could someone please tell me if this is something I can code for? I want the slides to change much faster & don’t want to have to rely on people to change it themselves.
Also, is there any way to block the slideshow from showing photo names or tags when you click on the screen? My titles are dull & I don’t want it to interfere with what people are seeing.
Thx.
Oh, and can you pre-set the slideshow to loop indefinitely?
Help. I’ve implemented code into WordPress online editor. Slideshow appears in preview, but doesn’t in blog. How to solve this?
Firstly…your website has helped alot…great articles and explained clearly.
Anyhoo…i was wondering if it was possible to use the flickr’s slideshow but point it to a folder on my website instead of my flickr useraccount? Its just i keep going over my monthly limit. Any ideas?
!Firstly…your website has helped alot…great articles and explained clearly.
Anyhoo…i was wondering if it was possible to use the flickr’s slideshow but point it to a folder on my website instead of my flickr useraccount? Its just i keep going over my monthly limit. Any ideas?
Was trying to figure out a way of presenting slideshows on my blog….finally got the answer…thank you,paul.
A way to embed an IFRAME not using an IFRAME tag:
http://exploded.awcr.org/iframeFlickr
Browser are not rendering this technique in the same way, though. IE not rendering it at all, any guess?
hey. thats just great. thanks :)
Did anyone find out how to resize the flickr slideshow?. I want it to be 200px x 200 px.
Is there a way to control the sizeof theimage… settign the sizeof the Iframe doesnt size the image…
Thanks
how do u sizethe flicks image
i’ve found this nice alternative the other day: http://www.monoslideshow.com
Hey, does anyone here know how to add more than one tag??
“&tags=foo” replace foo with the tags of the photos i wish to display, but i add more than one tag, and it’s not working… :|
How do you make the slideshow display in order of the photos in the set? I even changed the chronological order of the photos but no success. Shows them out of order.
I LOVE THIS!!! THANK YOU!!!
FYI to all those who had Wordpress problems, the issue is the iframe close tag – wordpress strips it out if you use the WYSIWYG editor. To turn it off go into users, options and uncheck the box in the lower left corner. Go back into the post – correct the code that wordpress corrupted and your side panels and tables will re-render correctly.
Hope this helps!
Thank you for posting this!
It looks like this trick no longer works.
@Mark – it works just fine for me.
Hey Paul, do you have any idea why everything works, except is says “no such photos found” in the player. The only thing I can think of is because the Flickr account is new, but I cant imagine that would matter. :(
Nevermind, all of a sudden it works…how about this, in Flickr, the background is black all the time, in m website, the background is white. Any ideas on that one?
Anyone know embed a slide show of a group pool? Having a real hard time generating the code for it, and I keep pulling in other people’s photo’s
Would be for this group here: http://www.flickr.com/groups/livethechange/pool/
hello how do you control the frame rate ahead of time? i dont like 5 seconds its way too long
can’t access flickr here in dubai! Etisalat, internet provider of UAE blocked the site again! hope this message will reach flickr webmaster…
This is awesome!!!!
Anyone else getting a “no such photos found” on pauls example?
Anyone have an idea? This trick does not work now.
Hi Paul,
Love the script, thanks for writting it.
Have a quick question. I’m getting the “No such photos found!” error message when using your script but if I duplicate it and add it a second time to my html the first still shows the error message and the second displays my photo set.
Any ideas why?
Thanks, Deirdre
All my slideshows have gone to bollocks! Waah! Here’s an example http://kartlink.com/2007/01/01/680/
Any ideas?
Thanks for the idea and the inspiration Paul. Your solution was just what I needed. I blogged about your solution and extending it to add support for selecting multiple groups on my blog at http://www.beckshome.com/PermaLink,guid,33b05b48-2065-4fc8-9153-76142dbadfcc.aspx
Thanks again for the info.
Hi,
How do you use multiple tags?
For example if I search my photos on flickr for:
beijing tourist= 9
&tags=beijing,tourist = 350
What do I use instead of a comma? I tried various options, like ampasand space, etc but without success
Thanks in advance
Don’t know if it was mentioned before..
just had some luck while adding user_id to set_id and filled in my set id afer ’set=id’… I left the ‘;tags’ out so now it becomes like this :
Regards,
Tom
this appears to be busted. not sure what flickr may have done to break this.
Thanks Man!
does this work with dreamweaver? thanks.
Hi
I want to have different slideshows. I’m using your Iframe code.
The tag id is Hazim.
I have 2 photos with that tag.
Then I have 2 other photos with the tag Hamza.
But when I load the 2 different pages (one with Hazim in the Iframe code, and the other with Hamza in the code) – all 4 photos come up in the slideshow – which I dont want.
How can I fix this?
Here’s a guide on how to embed the flickr map in a similar manner:
How to Embed a Flickr Map in Your Website
I’ve got a similar tutorial up, inspired by Paul’s guide, on how to embed the flickr map without all the menus and extras. You can check it out Check it out here
Thanks for the tips. Got me off to a good start. Upon further investigation I managed to find a way to change the size of the flash display and also resize the images within. This code will also change the background color.
Now if I can only determine how to resize the play again box.
JFinn
@host4net: but HOW do you change these things? especially changing the background color from black to white seems to be a biggie that everyone is asking for. please help if you got the solution! thanks!
any clue how to embed the new slideshow introduced by flickr today?
Oops! Looks like you followed a bad link.
What can I do?
First off, thanks for the great API… its awesome!…
I just wanted to know how to make it work with Wordpress site. I was trying to use it for my blog as a widget, but when I paste the url into the widget, I can see only the credits link. I cannot see anything else. So my first question, can it be used as widgets for Wordpress or is it only used in posts? second question after giving the url as http://www.flickr.com/slideShow/index.gne?group_id=&user_id=87141418@N00&set_id=72157594429465737&text=Collage
I still don’t see the photos being generated. What is the problem here?
Thanks,
Appreciate the effort!
Γεια σας από την Ελλάδα (Hi from Greece)
I have the same broblem. I cant use the Flickr photo slide in my wordpress blog,,,,, any idea
Hi,
I wanted to try this out. It’s just what I’ve been looking for, but when I try it, it just says “No such photos found!” How do I fix this?
Thanks
Your embedding problems solved (the 3rd party way):
flickrSLiDR allows you to easily embed the classic flickr slideshows on your website or blog. – http://flickrslidr.com/index.php
Does this work anymore?
Looping? I don’t have many images and so I really don’t like the way it shows them only once and then asks whether people want to see it again. Since you can stop it at any time, looping should be the default. Anyone?
I saw someone ask if this works in CF. For me, yes. I’m using Tiny MCE editor and found I could not drop it right into an editor. But I could store it in the same text field as the text I’d created with the editor.
And yes it’s a great tool.
Just wanted you to know the code works great inside WebCT. Looking for ways to help faculty break out of the Course Management System prison and set their feet on flickr street. This should make a few of our tech students happy. Thanks!
On a new startup of the IE7 exe, coming to this page gives a ‘No Such Photos found’ error. Reloading the page then will display the flickr photos.
Is there a workaround for this???
Thanks,
Gust..
I successfully posted a flickr slide show to my blog, but it only works when I am signed in to my photos on flickr. Anyone experiencing this problem find a remedy?
@Chlorinehead – are your pictures marked as private or for friends/family only?
Hey, thanks for the great (and easy to use) photo slideshow. I’m trying to post it on my site at http://www.officelive.com. It works just fine, but when I post the show to the internet, the slideshow appears with scroll bars on the right and bottom and I lose any written content below the photo show. How can I get rid of the scroll bars? Thanks!
Hi I want to embed this slideshow in my website but would also like the option of Music and a on/off button or control is this possible and can you tell me the code ??
Thanks Pete
how do set group photos instead of an indivdual flicker account?
hey- this looks perfect for what i want to do, but i can’t figure one part.
i want the slideshow to be of all my flickr photos, so what do i put where “foo” is?
This was unbelievably useful. I can’t tell you how great it was to figure out how to do this. But a couple of tips (which may reiterate previous comments, but I don’t care), if you’ve created a “set” in flickr, when you go to that set, you’ll see something like
http://flickr.com/photos/YYYYYYYYY@XXX/sets/ZZZZZZZZZZZZZ/
in your browser address bar. This provides all of the info that you need to get this trick to post a slideshow in your blog. In particular, for the code provided on this site,
the address in your browser will provide the three key pieces of info:
user_id=YYYYYYYYYYY
N00=XXX (in my case it’s N05 not N00)
foo=ZZZZZZZZZZZZZZZZZZ
(i.e. no need to use idgettr or try to figure out the tags of the photos.) Note also that it’s best to use this with sets of photos rather than individual pics.
This site is a great tip for everyone out there looking to post slideshows on their blogs. One of the most useful pieces of info that I’ve found on the web in, well, years.
Cheers!
Great tip. But a question. As a newbie to flickr (and, hence, this tip) what happens when you exhaust your 200 photos in your “Photostream” for the free account. Flickr says that you can always get your photos if you’re willing to pay for them (i.e. they don’t delete them from their storage), but does that mean that the link to your photos on a blog do not work unless you’ve paid them to keep the photos “active.”
Thanks a ton!!!!!!
Very Helpful…….works like a charm.
I have been having a little trouble with FlickrSlidr as of late. Allow me to explain.
While I am logged into Flickr I have no trouble viewing a slide show from my Flickr account in my blog. However, once I officially log out of the Flickr website I receive the “No photos” message. Furthermore, any computer on which I am not logged onto Flickr is also incapable of viewing the slide show due to the same “No Photos” error. A curious thing indeed. I am new to Flickr and am fighting my way through this, I was hoping that you possibly had an answer for me.
Thanks
Nick, flickrslidr is not owned by me anymore. You can find out who to contact here: http://paulstamatiou.com/2007/07/24/flickrslidr-has-a-new-owner/
Hey, thanks a lot for the instructions. If you don’t mind me doing it, I am going to post these instructions on my blog with a little more detail for the technically not so savvy. I have been looking for ways to do it and your instructions were really helpful.
Cheers for that!! I was wondering if you knew what the list of variables actually do, and what they can be set to?
THEY BROKE IT!!!
The magic script for showing Flickr slide shows on a web page NO LONGER WORKS in Firefox and is flaky in Opera. It seems OK in IE.
What gives???
@Pete – I just tested it and it works for me in Firefox.
Oh man…that’s brilliant! I’m gonna use it here thanks a bunch!
hey Paul,
great api, my problem is that it list both iframe as unclosed which i fixed, but how do i seperate the tags in html, xxx,xxx or what. It loads the frame in my blog, but doesn’t show any photos or any content. Let me know if you’ve got any suggestions.
Thanks
If there was a way to embed a search term result slideshow, THAT would be amazing. Not that this isn’t!
Paul, I suggested you to BoingBoing. à bientôt, Malkie, Paris.
I am so basic. How in the world do I find the code from Flickr to highlight and embed into my blog. Nothing makes sense. I’m more conceptual than anything else so the basic “point here, click there” makes the most sense to me.
Anything, please! I’ll give you a dollar even!
Thank you so much!
I tried wordpress plugins for 2 days trying to get a slideshow to work!
And finally succeeded with your info!
Your the best!
Awesomeness points for the Kevin and Alex picture in the slideshow.
Not working for me in Firefox either. Love it in Safari!!! Thank you.
i tried both the embed version, iframe version, and flickrslidr version. All three post the slideshow and all say No photos Found. I put my tags in and the correct User ID. What gives?
Hi everyone,
I’m experiencing the same problem as John:
http://paulstamatiou.com/2005/11/19/how-to-quickie-embedded-flickr-slideshows/#comment-24618
I’m able to display and watch a slideshow of my own favorites, but only as long as I’m signed in to my own account on Flickr.
Which of course means my blog-visitors can’t see them.
Furthermore, the <object-option doesn’t seem to work in IE7?
Thanks for the advice!
Thanks – this helps to make me look like I know a little something. You guys rock.
I know this is probably a ridiculous question — but, here goes:
are the tags seperated by a space or a comma or any thing?
Thank you SO much!
I want to display multiple sets. However, cant get that to work as of now! Can anyone help.
[if i remove the setid thing, it displays my private images too. Not good] Any hack to just get all the public images to display.
This is a very impressing tutorial…getting comments and questions YEARS after your original post.
Here is my problem. I used this code:
and on my page: http://www.clayative.net/Blog/2008/01/walking-to-studio.html
i get everything i need but the pictures. my thumbnails load up, but the slideshow refuses to start. any clues?
Any way to get different color background?
Thanks
Judging from all the spam, you don’t monitor or read these comments, but for those trying to get this to work, the actual example on this site looks different:
In firefox, go to view >> page source to see this.
In explorer it is view >> source
Judging from all the spam, you don’t monitor or read these comments, but for those trying to get this to work, the actual example on this site looks different:
<iframe align=center
src=http://www.flickr.com/slideShow/index.gne?user_id=99176469@N00&set_id=721
57594182624704 frameBorder=0 width=500 scrolling=no height=500></iframe>
In firefox, go to view >> page source to see this.
In explorer it is view >> source
Terrific tip. Than you for your efforts!
Great stuff, Paul.
I like that you have the list of parameters. I had originally culled this together myself, but seeing your work helped me to make more sense of what I was doing. Thanks.
I am trying to get it to run the slideshow from my pictures at random. I suspect there may be an argument for @sort but that’s only a guess.
Do you have anything that might help there?
You can also contact me through my website.
mine dont work at all. I ve got the userid code from idgettr but it doesn’t work. Any suggestion?and i ve followed your instruction and all.
Love this bit of code! I’d like for the slideshow to show the title and description (just as flickr slideshows on flickr do if that option is selected). Is there an option to do this using Paul’s code?
Thank you, Paul; I have been looking for a solution to post my images in a gallery on Blogger for a long time. Now my work with seeds is visible on my blog, hence I am sooo happy. Take a short glance if you want.
There are only two minor drawbacks: I cannot control the order in which photos appear and the titles of the photos from Flickr cannot be seen.
Thank you once more!
Thank you, Paul; I have been looking for a solution to post my images in a gallery on Blogger for a long time. Now my work with seeds is visible on my blog, hence I am sooo happy. Take a short glance if you want here: http://luciantodoran.blogspot.com .
There are only two minor drawbacks: I cannot control the order in which photos appear and the titles of the photos from Flickr cannot be seen.
Thank you once more!
thanks a bunch …just used it to embed post the danica patrick SI pics slideshow.
;)
$
don’t worry. sorted it. doh.
Thanks so much for creating an easy way to put flickr photos on a website. Is there a way to have it continously run through the pictures instead of stoping and making you answer the yes/no question? I can see our patrons not liking that!
Mary R.
hey i did it on my blog but it keeps saying theresno photos when i uploaded them on flickr uploadr wats rong? someone help please.
Hi thete, thanks for this article, works great!
Cheers!
Stefan
Excellent! Thank you!
i tried the 1st code , i’ve put my flickr id but everytime i see someone elses pictures. where is the problem?
Can i please Have the html script for adding a flickr video to my site
I used your code, but when I set the size to 400*400 it cuts of part of the picture selection ribbon instead of resizing it. That means that when people want to jump to a certain picture some of the pictures (about five of them) don’t appear on the ribbon. can anyone help me out?
the url to the page in question is
http://itamarstheatrejournal.googlepages.com/afterjulietgallery
i work in an art gallery in a public library that uses Expression Engine for our website/blog. everything is set up to be list-y and column-y and i want to find a way to run a slideshow of our current exhibit at our gallery page to get some visual element into our presense. which means, i need to know how to embed ONE SINGULAR SET slideshow.
paul, or someone else who gets it, would you please post a full sample embed for a slide show featuring ONE particular set, end to end? i’ve taken everyone’s advice and tried different things and would like to see the whole “sentence” so i know what i’m leaving out.
as of june 20, 2008, what’s the consensus about the best embed code to date for displaying single set slideshows?
thanks for your help. hope this makes sense.
Thanks Paul, i have started using it right away on a page of my blog. Just what the doctor ordered!
I followed Paul’s directions and the results are great except one thing……how do I get the slideshow to loop? After one round it stops and asks if I want it to continue…then the pics are all messed up on the next go round. Any ideas?
I have a problem with Flickr Slideshows in wordpress. Can you help me?
How can I solve the problem?
Hi,
It doesn’t work in FF3. Any clue?
Thanks
Thanks Paul Stamatiou
Σ’ ευχαριστώ …
How do you create a custom flash file to work with this script?
You can generate the flickr embed code at:
http://www.nibea.com/help_flickr_embed.htm
or
http://flickrslidr.com/
Is there a way to disable the left click while the slideshow is running? Or to disable the links to your flickr account and individual photo?
I’ve been hunting round the options for embedding flickr slideshows – and that is the shortest, sweetest bit of code by far.
Cool Post!
cool post! thanks
Hi,
based on Paul’s excellent work I wrote already some time ago a plugin for Wordpress to make the pasting process easier to those users who are not familar to any coding, and for those who just do not want to copy all the times the whole coding line.
Enjoy
Regards
jmu
Hi,
based on Paul’s excellent work I wrote a small Wordpress plugin already some months ago.
http://www.ramgad.com/fssw
enjoy
Jeannot
I like how in every single picture, you have the same facial expression.
when you click on a slideshow posted on a blog, you are linked to a new window that contain all the pictures.
I want to personalize the size of the new window, in order to get it smaller than the blog page.
how can i do?
thanks
Is there a parameter to disable the autoplay feature? I was able to easily embed the slideshow using the code that you showed, but I will most likely have a few slideshows on a page and don’t want them all autoplaying at the same time.
Any help is appreciated. Thanks.
Thanks. Very helpful post.
you’re the best. thanks for sharing!
I have problems using it in Internet Explorer 6, please I need help!!
Ditto! Although I despise ie6 and would never use it personally, I’m required to test all our websites in ie6 while I’m at work and this simply isn’t working very well :( Some bugs in ie7 as well
Holly!!
thank you very much! (my English is bad, sorry)
Solves the problem using the second code!
GoodBye!
George
Flickr gives its users the ability to create these type slideshows right within flickr. And you can correctly change the size of the frame!! Click on a slideshow on your flickr, when slideshow is open click “share” Then click customize :) It can all be done within Flickr :)
Thank you! This is better than the 3rd party options out there and I can’t ever get flickr’s own slideshow to work.
I have the same questions as a couple other people but I didn’t see answers to them:
1. Know a way to get the descriptions to show up?
2. Is there a way to autoloop it?
3. Can you change the background color?
I need to be able to resize the slideshow without the controls running together. Any hints?
It is Awesome!
Thanks
We’re sooooo happy that we found this blog….It works great!
Thank you!
Here’s how it was used at GamerzOutlet.com:
Kewl! Thanks
hi your blogs nice i envy you if only i was as creative keep doing your thing… ive tried this on my blog and the slideshow works but message says no such photos found….
great! just found out another parameter:
…../index.gne?group_id=&user_id=USER&set_id=&sort=interestingness-desc&text=
with this: (…&sort=interestingness-desc….) you can sort the photos from a specific USER for the most interesting images
I just wanted to make a gallery where the most interesing photos are at the beginning. after tying a little bit – i found out…
hi thx for the great share.
Thanks so much for posting this. I just wasted an hour of my life trying to get various WP plugins to work – and then what do you know a simple piece of HTML does the trick!
Congratulations! A short way to get a slideshow running :-)
Questions:
1.
Is the black background on the top of the picturearea repleaceable with different colors?
2.
How to get define other sort-options? Espacially a ramdom order would be useful. And: Ist there a way to see the show endless?
CU – Jens
Beautiful! Thank you so much! I imported a set from a group for one of my projects and I love your design. Thank you!