Blogs

Adding a Flickr Slideshow to your Site

By Rob Kaighn posted 10-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.
1 comment
24 views

Permalink

Comments

04-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.