How To Embed Flickr Slideshows

Image courtesy Gemma Garner

When blogging sometimes you want to add a lot of photos, but don't want to have a huge vertical scroll of just images; or you may have a photo set associated with an event, but don't want to merely link out to it.

In this case, an embedded slideshow may be your best option, and if you have a Flickr account anyway, a slideshow is easy to set up as an embedded item.

From your Flickr account, you will want to grab your user ID, which will be a long number with an @ sign. To do this, sign into your account and click on "You" from the top menu bar:

A drop-down menu will pop-up, but you only need to worry about clicking on "You."
Once you click on the link, on the web address bar you should see a URL that looks like this:

The User ID will be the end of that URL.

Next, you are going to need to think about what specific photos you would like to have in your slideshow. The easiest way I have found is to use Tags. You can tag your images either per image by navigating to the photo and clicking "Add Tags":

Or, by Batch Organizing by selecting "Organize" under the "You" drop-down menu:

You will then add images to the Batch, then click on "Add Tags" under the top menu:

The tag you create should be as specific as possible. In this example, I used the tag "mindmapping42016" with numbers that refer to the date that the photos were taken.

Make note of your username and tag and then fill in the following iframe code:

<iframe src="http://www.flickr.com/slideShow/index.gne?user_id=132429829@N05&amp;tags=mindmapping42016" width="100%" height="500" frameborder="0" scrolling="no" align="center"></iframe>

Replace the orange text with your own User ID and Tag. Feel free to play around with width and height dimensions. I made width 100% to work well with responsive sites on mobile devices.

If you are using WordPress, make sure you have the iframe plugin installed.

Your final product should look something like this: