How To Use Slickr Flickr To Create a Slideshow Or Gallery

Log in to your Flickr account and tag all the photos you want to display on a particular page of your wordpress site. If your tag is more than one word make sure you place double quotes around the tag e.g “South Africa”
Back on your wordpress site put into your post, page or sidebar, the following shortcode [slickr-flickr tag="South Africa"]

Demonstration Slideshow

Demo of a slideshow with my photos from Flickr tagged with “Portes de Soleil”

Misty Mountain

One Horse Open Sleigh

On foot or on ski Through Avoriaz

Les Cornettes

Sun and Ski at La Chapel dAbondance

Mini Ski

Watch Out for Hurtling Horse

Not Thinking Of England in March

Neighbouring Chalet

Slickr Flickr Screenshots

Gallery with my photos from Flickr tagged with Slickr Flickr with Lightbox display at the original size

How to Use The Plugin

The Flickr show is included within a post or a widget using the slickr-flickr short code

For example to show my pictures from Flickr that have been tagged with “bahamas” I would use :

[slickr-flickr tag="bahamas"]

The Slickr Flickr Attributes (Parameters) are as follows:

tag – identifies what photos to display – (but is ignored where the search is for friends, groups or favorites)
id – the Flickr ID of the user – you can get this from http://idgettr.com/
group – set to ‘y’ if the Flickr Id belongs to a group rather than a user (default is n)
api key – your Flickr API key – this allows you to fetch up to 50 rather than just 20 photos
search – photos (default), favorites, friends, groups or sets
items – maximum number photos to display in the gallery or slideshow (default is 20)
type – gallery, galleria or slideshow (default is gallery)
sort – date, title, or description
direction – ascending or descending – used when sorting photos
orientation – landscape or portrait (default is landscape)
size – small, medium, large or original (default is “medium” but only use “original” or “medium” for galleries and only use “large” if you actually have large photos on Flickr – over 1024 width typically)
orientation – landscape or portrait (default is landscape)
thumbnail_size – square (75x75px), thumbnail (100x75px), small (240x180px) – default is square
thumbnail_scale – percentage scaling factor – default is 100 – recommend the range is between 50 and 100 to maintain image quality and performance
border – show a border around the slideshow images – on or off (default off)
captions – whether captions are on or off (default is on)
delay – delay in seconds between each image in the slide show (default is 5)
autoplay – on or off (default is on) – only applies to the galleria right now
start – number of the starting slide in the slideshow or ‘random’ for a random start (default is 1) – only applies to the slideshow
link – send the user to another URL when they click on the slideshow
flickr_link – on or off (default off) – make the caption a link back to the photo on Flickr
descriptions – on or off (default off) – show the photo description underneath the caption
attribution – line that can be used to credit the photographer above the slideshow or gallery
photos_per_row – narrow the gallery to limit the number of photos per row – values would typically be in the range from 2 to 6

You can set the parameters on each individual slideshow or set default values using the Admin Settings.

Examples

The following are example uses of the different parameters.

Please note that I have added removed the “[" and the "]” around the “slickr-flickr command” otherwise the plugin runs and shows the slideshow and not the code. When you put the code in the your blog posts make sure you include the square brackets.

Gallery of up to 5 of my France photos with popup display at medium size (either width or height around 500px)

slickr-flickr tag="france" items="5" type="gallery"

Gallery of my France photos with popup display at original size.

slickr-flickr tag="france" type="gallery" size="original"

Slideshow of up to 12 my France photos with a delay of 3 seconds between slides displayed at medium size (width around 500px) and without captions

slickr-flickr tag="france" items="12" type="slideshow" captions="off" delay="3"

Slideshow of up to 6 my doggy photos starting randomly which are in portrait format (their width is less than their height) where their size is around 180px by 240px. I would typically use this format for displaying photos in a text widget in a sidebar.

slickr-flickr tag="dogs" items="6" type="slideshow" orientation="portrait" size="small" start="random"

Slideshow of up to 12 photos tagged with Barcelona by Klaus Dolle.

slickr-flickr tag="barcelona" items="12" type="slideshow" id="67057161@N00"

Plugin Restrictions

Slickr Flickr has the following restrictions:

Flickr serves photos at standard sizes: square, thumbnail, small, medium, large and original. Typically you will use “small” for slideshows in sidebar widgets, “medium” for slideshows in the main content area and either “medium” or “original” for galleries. Slickr Flickr has the limitation of only handling photos at these sizes. However, you can use CSS to resize the photos. The Small Slideshow Tutorial shows how to handle a narrow sidebar.
There is a limit of 20 photos per gallery or slideshow if you just specify your Flickr ID, and a limit of 50 per page when you specify your Flickr API key. This restrictions are a result of the number of photos served by the Flickr RSS feed. A future release will address this issue by making multiple fetches from Flickr to build up larger galleries. However I wan’t to combine this will better caching to make sure there is no a big performance hit when fetching potentially hundred of photos.