Skip to main content

How to embed Flickr slideshow on website

How to embed Flickr slideshow on website

There are number of tutorials available on web that describe to embed Flickr slideshow on website, but I am sharing easiest way to embed Flickr Photostream to your website. It can be used on any platform that allow to use html editing.

Step By Step Guide

1. Open your Flickr account and click on  You --> Photostream.

How to embed Flickr slideshow on website

2. Click on the image which you want to show at first, now copy code shown with red color :
                        http://www.flickr.com/photos/113900884@N04/11852795934/

How to embed Flickr slideshow on website

3. Now, open your website html editor and paste below code with editing red color data, copied from above.
<iframe src="http://www.flickr.com/photos/113900884@N04/11852795934/player/" width="640" height="480" frameborder="0" allowfullscreen webkitallowfullscreen mozallowfullscreen oallowfullscreen msallowfullscreen></iframe>

Customization

You can edit width and height as your requirement given in blue color in code.
You can also increase the size of slideshow border, here i used 0, just change orange color with your slideshow border size.

Here, showing you an example of my flickr photostream,


Comments

  1. As of 2014 Flickr is not supporting slideshows in iframes :( :(

    ReplyDelete
    Replies
    1. Hey, i used iframe & its working fine...

      Delete

Post a Comment