Adding a Flickr Slideshow to your Site

By Bobby Kaighn posted Oct 01, 2010 11:25 AM

Similarly to adding a Facebook feed to your site, you can also add a slide show from Flickr.  We had an event at the ASAE Annual Conference and uploaded pictures to Flickr. 

When you are viewing your slide show in Flickr, in the top right, there is an option to Share.  This will show a link to embed the slide show.  You can follow think to Customize the HTML to re-size it for your needs.

Then you can create an HTML piece of content on your site and paste in the code.  Andy created a class for the header you can also use in the HTML.  Mine looks like this.

<!-- Create Header-->
<div class="ContentItemHtml HLLandingControl">
<h2>FLICKR- ASAE Reception at The Standard</h2>
<div class="HtmlContent">

<!-- HTML code from Flickr -->

<object width="380" height="280">
<param name="flashvars" value="offsite=true&amp;lang=en-us&amp;page_show_url=%2Fphotos%2Ftmaresources%2Fsets%2F72157625067302368%2Fshow%2F&amp;page_show_back_url=%2Fphotos%2Ftmaresources%2Fsets%2F72157625067302368%2F&amp;set_id=72157625067302368&amp;jump_to=">
<param name="movie" value="">
<param name="allowFullScreen" value="true"><embed type="application/x-shockwave-flash" src="" allowfullscreen="true" flashvars="offsite=true&amp;lang=en-us&amp;page_show_url=%2Fphotos%2Ftmaresources%2Fsets%2F72157625067302368%2Fshow%2F&amp;page_show_back_url=%2Fphotos%2Ftmaresources%2Fsets%2F72157625067302368%2F&amp;set_id=72157625067302368&amp;jump_to=" height="280" width="380"></object>


You can do something similar with other sites, like YouTube.



May 22, 2014 04:32 PM

Yes it still does. I don't think they give out this code anymore, so if you search and replace in the above code snipit "tmaresources" with your username and the set id "72157625067302368" with your id, this code should work.

May 22, 2014 03:42 PM

Rob, does this still work? I can't seem to get it to work for me. I'm curious what the first url in the line: page_show_url should link to?

Apr 22, 2011 12:06 PM

I have noticed that if it's at the top of your page, the navigation menus are obsured by it, so put it towards the bottom of the page.