Knowledge Base/Solutions for Soapbox 1/Solutions for Soapbox 1.x

Create a Flickr Slideshow

PICnetter
posted this on July 15, 2009 06:28 pm

If you have photo content on a Flickr account that you'd like to incorporate into your Soapbox site, you can do so by embedding a slideshow of those photos.  The slideshow can incorporate the photos from your entire stream or from a specific tag you have assigned to a subset of photos.

To include the slide show:

>> Open the content item you wish the slideshow to appear in
>> Click the HTML icon
>> In the HTML popup window, copy and paste the following sample code into the HTML window where you would like the slideshow to appear on the page.

<iframe src="http://www.flickr.com/slideShow/index.gne?user_id=7858890@N07&t..." frameborder="12" height="500" width="500" scrolling="no"></iframe>
To display photos from your Flickr account, change the "user_id" in the sample code to your Flickr user id.  To locate your Flickr user id:

>> Go to your photostream on Flickr
>> Scroll to the bottom of the page
>> Next to the RSS feed icon and "Subscribe to [your] photostream", click "Latest"
>> In the RSS feed view that appears, go to your browser's address bar
>> Find the "id=..." portion of the url
>> Select the series of numbers and letters that appear after "id=..."
>> This is your user id.  Copy it.
>> Replace the user_id in the above sample url with your user id

If you wish to display the photos directly from your photostream, delete "&tags=bw" from the sample url.

If you wish to display photos associated with a specific tag on your account, replace "bw" from the sample url with your tag.

>> In the HTML popup window, click Update
>> Click Save
>> View the content item on the front end of your site to confirm that the slideshow is working correctly

NOTE: You can adjust the height and width of the slideshow to fit within your content item by changing the height and width parameters in the sample code.

You can view the output of the sample code here: