Just thought some bloggers might be interested in how to embed an official Flickr slideshow into a post. I discovered it here and here and although neither post gets it quite right the commenters have ironed out most of the problems. The basic format is:

<iframe src="http://www.flickr.com/slideShow/index.gne?user_id=YOUR_ID" frameBorder="0" width="500" scrolling="no" height="500"></iframe>

The unique flickr ID is in the form of 12345678@N00, which you can find out from idgettr (or, if you haven’t set up a nickname on flickr yet, it comes after “http://flickr.com/photos/” when you look at your own images).

The flickr link takes various arguments:

  • contacts - Photos from particular contacts? Not sure what this does.
  • text - Unknown.
  • tags - Display only a certain tag. Doesn’t seem possible to use multiple tags?
  • tag_mode - Unknown
  • favorites - Presumably it displays a particular user’s favourites, but I can’t get it to work.
  • group_id - Displays photos from a group - the group id can again be found from idgettr. Use without a user_id.
  • frifam - Include friends and family-only photos? This is clever, and will only display them to visitors who are checked as friends/family via their flickr cookie.
  • nsid - Seems to duplicate user_id?
  • single - Unknown.
  • firstIndex - Unknown.
  • set_id - ID of the set, found after http://www.flickr.com/photos/username/sets/. Use with or without a user_id.
  • firstId - Unknown.

I imagine their uses can be found in the flickr api documentation, but I don’t have a key. Other sites suggest that “photoset_id” is an option, but I can’t get that to work at all. It doesn’t seem able to filter sets by tag, either.

So:

<iframe src="http://www.flickr.com/slideShow/index.gne?user_id=1234567@N00&set_id=9873987987&frifam=yes" frameBorder="0" width="500" scrolling="no" height="500"></iframe>

would display a user’s particular set, including friends and family images for logged-in friends/family. While the iframe is resizeable, the flash slideshow is fixed at 500 x 500. I can’t find a way to prevent it playing automatically, either. Mop fair pics example after the break…

-----

3 Responses to “Embed Flickr slideshows into a blog post” 

  1. Gravatar Icon 1 Steve T 

    I have been able to get sets of a certain tag to show using this but only when I use a tag I find associated with other people photos. When I use a tag I created yesterday it does not work

    so src=”http://www.flickr.com/slideShow/index.gne?tags=furryfriday”

    works but

    src=”http://www.flickr.com/slideShow/index.gne?tags=usn2004″

    doesn’t

  2. Gravatar Icon 2 Henrik 

    Hi,
    I have tried the method you describe at least a couple of times with different options, but I haven’t figured out how to get the slideshow to show more than three rows of thumbnails.. This is the first time I actually see that it is possible to have more than three rows, but I still can’t figure out how!

    Any ideas would be helpful! :) thanks
    //Henrik

  3. Gravatar Icon 3 Ed 

    Are you setting the width and height sufficiently large? What’s the URL that you’re calling? Have you tried this on an empty page?

    Ed

-----

Leave a Reply

Commenting Policy: Thoughts, observations, argument, debate and all other conversational wonderments are encouraged, but personal attacks or general trolling will result in your comment being deleted and your account/IP banned. If you're nice, however, you get strawberries.

co.mments image Track with co.mments



(comments may take ~20 seconds to process due to anti-spam pixies)