Blogs

Adding a Flickr Slideshow to your Site

By Rob 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="http://www.flickr.com/apps/slideshow/show.swf?v=71649">
<param name="allowFullScreen" value="true"><embed type="application/x-shockwave-flash" src="http://www.flickr.com/apps/slideshow/show.swf?v=71649" 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>

</div>
</div>

You can do something similar with other sites, like YouTube.
4 comments
97 views

Related Content

Permalink

Comments

Sarah Puerner
Apr 30, 2021 12:08 AM

I actually used this with SmugMug - but it did not need all the HTML coding. I simply put an HTML widget in, selected the HTML code button to add code, and added the embedded code I got from SmugMug.

I did change the parameters slightly - I changed the frame size to 600x400 only because I know most people will use this on their mobile and their is no sense in overwhelming it. 

This was a great way to make a slideshow of the 3500 photos my members had uploaded to Facebook at one time or another. 

Still hoping that someday HL will add a true "Gallery" feature where any photo uploaded by a member is placed in a gallery within the community it is shared in.

Rob Kaighn
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.

Diana Mertz
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?

Rob Kaighn
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.