Personal tools
You are here: Home Documentation How-tos Using Flickr Slideshows in Plone
Document Actions

Using Flickr Slideshows in Plone

This How-to applies to: 2.1, 2.5, 3.0

Flickr is a great tool for organizing and managing your photos. Learn how to insert a Flickr slideshow into your Plone site.

Flickr is a popular, low-cost, powerful web-based service for storing, managing and sharing photos. As such, it makes an excellent tool for creating and sharing polished slideshows. Even better, it is very easy to integrate Flickr slideshows directly into a Plone website. Here's how.


Step 1

Create a Flickr account. It’s free…well sort of. You will find that pretty soon you will bump up against their upload limit on the free account. But, you would be hard pressed to find a better deal than $25/year for the Flickr Pro Account. When you are ready use one of their uploading tools to bulk upload your photos. Also, be sure to check out How to get the most out of Flickr so you can begin to take advantage of all the tools now at your fingertips.

Step 2

Organize and tag your photos. You can even encourage others who have Flickr accounts to use your Flickr email address to send you their favorite images. Or better yet if they have a Flickr account give them a unique tag so you can see their photos. When you have a “photo set” or tag that has a good amount of photos in it, it is time to build a simple slideshow for your Plone site.

Step 3

Use this handy tool to get the HTML code you will need to insert a slideshow into your website. The tool allows you to show all your photos, a photo set, photos in your collection that have a certain tag, or all the photos on Flickr that has that tag (!).

Step 4

Create a page in your site (ideally in a folder that you perhaps call "Photo Gallery"). Click Kupu's HTML button to view the raw HTML code of your page, then paste in the code you just generated in Step 3.





Configuring Plone to Let You Insert <IFRAME> Tags

Plone 2.1, 2.5

By default, Plone will strip out any <IFRAME> tags you paste into a document. This is part of the "safe_html" transform, and it is intended to protect you from the possibility of site users with permission to create content including off-site code for malicious purposes. Generally, this is a good idea. But sometimes it gets in the way of legitimate things (like inserting Flickr slideshows!) and can be disabled.

In Plone 2.1.4 and above, or sites with Portal Transforms 1.3.9 or higher, you can configure the safe_html transform to permit <IFRAME> tags in pages. Here's how.

Following these steps will lower your website's security and should be completed by your Plone implementer. Only do this if you are willing to assume the risk of making a mistake and if you know that you can trust all of the users who are creating content on your site!

  1. Log into your site as a user with Manager permissions
  2. Go to Site Setup>Zope Management Interface. Click on "portal_transforms", then on "safe_html."
  3. Scroll down the long list of "valid tags" until you get to the bottom, where you can enter an additional tag. Add the tag "iframe" and put "1" in the "value" column. Your screen should look something like this:

  4. Click the "Submit Query" button.


Plone 3

The above steps are a bit easier to accomplish in Plone 3. Here are the steps:

  1. Log into your site as a user with Manager permissions
  2. Go to Site Setup -> HTML Filtering
  3. Scroll down to the bottom and notice the Custom Tags section
  4. Click Add Custom Tags button and add "iframe" to the list
  5. Click Save to finish





As an example here is a sample slideshow built of all photos in Flickr tagged with "Plone."


by davida last modified 2009-04-14 13:14 All content on this site is licensed under a Creative Commons License.
Still Stumped?
If you've still got questions about Plone, here are your best bets for finding out more:

All content in this site distributed under the Creative Commons "Attribution-NonCommercial-ShareAlike" license unless otherwise noted.

Powered by Plone CMS, the Open Source Content Management System