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 but between square brackets: [ and ]
    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 d´Abondance

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 medium 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:

  • 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)
  • use_key- set to ‘y’ to force the use of the API key (default is n)
  • api key – your Flickr API key – this allows you to fetch up to 50 rather than just 20 photos – but only when searching tagged photos, groups or favorites not for sets or friends
  • search – photos (default), groups, favorites, friends or sets
  • tag – identifies what photos to display – (but is ignored where the search is for friends, groups or favorites)
  • tagmode – set to ‘any’ for fetching photos with different tags – default is ‘all’
  • set – number of the photoset – used when search=sets
  • items – maximum number photos to display in the gallery or slideshow (default is 20)
  • type – gallery, galleria or slideshow (default is gallery)
  • captions – whether captions are on or off (default is on)
  • delay – delay in seconds between each image in the slide show (default is 5)
  • transition – slide transition time in seconds (only available in Slickr Flickr Pro edition)
  • start – number of the starting slide in the slideshow or ‘random’ for a random start (default is 1) – only applies to the slideshow
  • autoplay – on or off (default is on) – only applies to the galleria right now
  • pause – on or off – default is off
  • orientation – landscape or portrait (default is landscape)
  • size – small, medium, m640, 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)
  • width – width of slideshow (only available in Slickr Flickr Pro edition)
  • height – height of slideshow (only available in Slickr Flickr Pro edition)
  • thumbnail_size – square (75x75px), thumbnail (100x75px), small (240x180px) – default is square (only applies to gallery)
  • thumbnail_scale – percentage scaling factor – default is 100 – recommend the range is between 50 and 100 to maintain image quality and performance (only applies to gallery)
  • thumbnail captions – on or off – default is off – adds the photo title as a caption beneath each thumbnail – typically use this when you use larger thumbnails (only applies to 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
  • align – align the slideshow or gallery in the center, to the left or to the right (default is left)
  • border – show a border around the slideshow images – on or off (default off)
  • descriptions – on or off (default off) – show the photo description underneath the caption
  • flickr_link – on or off (default off) – make the caption a link back to the photo on Flickr
  • link – send the user to another URL when they click on the slideshow
  • attribution – line that can be used to credit the photographer above the slideshow or gallery
  • sort – date, title, or description
  • direction – ascending or descending – used when sorting photos

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, medium 640, large and original. Typically you will use “small” for slideshows in sidebar widgets, “medium” or “m640″ for slideshows in the main content area and either “medium”, “m640″ 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, and the number is unlimited with Slickr Flickr Pro as it makes multiple requests to Flickr in the background to fetch as many photos as you want to display in your slideshow or gallery.

More Slickr Flickr Links

Updated by on .

{ 191 comments… read them below or add one }

David November 22, 2011 at 9:02 am

Hi,

I’m trying to get the plugin to work. It’s on a localised copy of the site I’m working on and it’s placed in to the template with
But it keeps saying that there is now flickr feed, even though I have pointed it to a group where there is a photo with the right tag needed.

Not sure if I’ve overlooked something here. Thanks for any help offered.

Liz October 20, 2011 at 6:07 pm

You can use it without tags – in which case, it will just show your latest photos.

Adarsh October 20, 2011 at 3:53 pm

Thank for the plugin
How can use the plugin whitout the tag
we want to show the gallery as it is.

Thanks

Russell October 14, 2011 at 7:13 pm

Hi Ian,

For example, if you type Julia Roberts into Flickr you get quite an arbitrary set of photos: eg see http://www.flickr.com/search/?q=julia%20roberts.

My suggestion would be to use Flickr Galleries as they give you control over what photos are displayed.

You go into Flickr a create a gallery and then say select 19 photos of Julia Roberts that are appropriate to your business.

Then with Slickr Flickr you can display those photos using search=”galleries” gallery=”your gallery id”

Ian October 14, 2011 at 11:48 am

Hi
I’m very interested in your plugin. If you look at my site, I have lots of celebs and I want to bring in images from Flickr that are in any particular account and make a gallery out of them.

Can I do that with your plugin, just by specifying the celebrity name in the tag field?

Thanks

Russell October 5, 2011 at 7:17 pm

Have you tried using the minus sign before the tag?

For example tag=”cheese,-cheddar” is photos tagged with cheese but excluding those tagged with cheddar.

Russell October 5, 2011 at 7:14 pm

Hi Jaegar,

Yes, you can use the parameters “before” and “after” to specify a date range. See example at http://www.slickrflickr.com/2089/how-to-search-flickr-photos-by-date/

Through Slickr Flickr you can specify either the min_upload_date, max_upload_date or min_taken_date and max_taken_date as described here http://www.flickr.com/services/api/flickr.photos.search.html

Jaeger September 29, 2011 at 6:48 pm

I also wanted to know if there was a way to exclude tags in the short code. Some things I don’t want showing up.

Jaeger September 29, 2011 at 5:57 pm

Any shortcode for say displaying a certain month and year? I like to display my photos chronologically but also want to separate by month.

Russell August 27, 2011 at 7:06 pm

Hi Yvette,

Thanks for your feedback. And for the suggestion.

The question is where to place the ‘date’ and also which date to use? (date taken or date uploaded).

Should the date be on the same line as the title or the same line as the description? Which of the formats should it work with? Slideshows, Gallerias and LightBoxes? Most lightboxes only support two data fields (title and description) at most so adding a third would most not likely be feasible. More reliable would be to merge the date into the photo title – but that might not be what you had in mind?

The easiest solution for you right now would be to put the date in either the Photo Title or Photo Description

Yvette August 27, 2011 at 2:10 pm

This is an excellent plug-in. Thank you very much. I am using this show the progress of a new home construction so, in addition to showing captions and descriptions, could you also optionally show a date? In Month Day, Year format?

anna August 18, 2011 at 1:43 pm

all resolved now, thank-you I had not cleared the rss cache.
Thank-you for help :-)
anna´s last [type] ..Embed Code for a PowerPoint Presentation.

Russell August 18, 2011 at 12:42 pm

Hi Anne,
Flickr is only sending 5 photos – things to check are: do you have at least 6 non-private photos with that tag? have you cleared your WordPress RSS cache recently? Did you just upload the 6th photos a few minutes ago?

Regards

Russell

anna August 18, 2011 at 7:11 am

hello I have your brilliant plugin and have tried to create a gallery of 6 images in my sidebar using the following short code:
slickr-flickr tag=”Bath” items=”6″ type=”gallery”
only five images are displayed.
Any help or advice would be very much appreciated.

Thank-you in advance

Russell August 13, 2011 at 11:11 pm

Hi Santiago, you can use the ‘attribution’ parameter – however you do need to populate it manually with the correct link and link text.

Please see an example at http://www.slickrflickr.com/449/featuring-photos-from-other-flickr-photographers/

Santiago Valdés August 10, 2011 at 10:34 pm

Russell,

Is there a way to show a link that goes to the set, just after the gallery? Or before, but not like the one inside Lightbox, I mean one you can see with the thumbnails.

Thanks,

Russell August 8, 2011 at 12:30 am

Hi Daniel,

Unfortunately there is no easy way to exclude tags using the Flickr API.

However, it is possible to write a JQuery script that finds all the images on the page, identifies the duplicates, and then uses CSS to hide them.

Regards

Russell

Daily Aviator August 7, 2011 at 4:41 pm

Hi there, thanks for this amazing plugin. Is there a way to exclude selected tags? I want to post 2 flickr galleries: one with the tag “instagram” (Instagram only) and a second one with all flickr images (except “instagram”) to prevent doubles. Thanks!

Russell August 2, 2011 at 9:19 pm

Hi Ewien,

WordPress will cache your photos so you will get the same photos in the same order until the cache is cleared but with a random starting photo in the sequence (start=”random”).

You will need to clear your cache on Slickr Flickr Admin settings page if you do not want to wait up to 12 hours to see new additions to the collection.

Also you might be interested in the Slickr Flickr Pro feature which allows a random number of photos to be displayed (in a random order) from a larger collection of photos – see http://www.slickrflickr.com/upgrade/random-flickr-photos

Ewien August 2, 2011 at 4:43 pm

Used this code

[slickr-flickr tag="snapshot" items="75" type="slideshow" size="small" start="random"]

to get my pics with tag ‘snapshot’ in my side bar on the home page. It will not renew these though with the ones I added later on, tagged ‘snapshot’. It keeps displaying the same pics?

Russell July 30, 2011 at 7:57 pm

Please see an example of paged galleries at http://www.slickrflickr.com/2278/flickr-paged-gallery/

Nature Photography July 30, 2011 at 6:27 pm

Is there a way to start each instance of the gallery short code in increments?

For instance display 4 photos, then the instance after this display the next 4, then the instance after that display the next 4, all on the same page?

Thanks

Russell July 12, 2011 at 10:06 am

Hi Jim,

Yes, sizing can be a bit of an challenge – it depends on what size of photos you want to display (small, medium, m640, large), whether you are using the orientation parameter (landscape/portrait), which version of the Galleria you are using , and which Galleria theme you are using (classic, folio, miniml, fullscreen) , and whether or not you are using the galleria options: height, width, imageCrop, imageMargin – see http://galleria.aino.se/docs/1.2/options/ – and also whether you photos are standard format (4:3, 16:9, or some other format).

In the next release of Slickr Flickr in a couple of days I am addressing this by changing the way Slickr Flickr interacts with Galleria 1.2 and 1.2.3 – in version 1.29 it interacts by setting the size of the container in CSS; in the new version Slickr Flickr will not have any CSS that influences the galleria and hence will let the Galleria code have full control over the galleria size.

So basically in the next release it wil be easier to get the galleria size right: either let galleria calculate the right size automatically, or tweak this a little using galleria parameters: height, width, imageCrop, imageMargin parameter if you have a mix of different sizes of photos.

Regards

Russell

Jim July 12, 2011 at 7:29 am

hey guys, I’m trying to incorporate the Gallery 1.2.3 version into my site, but my images are being cropped and expanded out of proportion. They seem to work perfectly with the original gallery 1.0, but the latest version of the gallery looks waaaay better on my site. Image sizing doesn’t seem to be the problem. Any suggestions?

Cheers,

Jim

Liz June 21, 2011 at 1:06 am

Sorry – we missed this comment Kristin – I just found it in the spam folder. Probably too late for you now. I’ll get Russell to respond to you tomorrow in any case. Liz

Liz June 21, 2011 at 12:32 am

Sorry if I’m not being much help. Russell is in Spain for a couple of days. He said to say that you need to check the version of Slickr Flickr that you are running as it sounds like you’re running an old one. Have you upgraded to v1.29?

Because search=galleries is quite a new feature – it might be missing from the documentation. I will see that it is fixed if this is the case tomorrow.
Liz

James June 20, 2011 at 4:30 pm

Thanks for the help Liz. Unfortunately I can’t get it to work
slickr-flickr id=”24469639@N00″ search=”galleries” gallery=”72157626873886323″ type=”slideshow”
with or without my userid simply returns the most recent items in my own stream.

I note further up this page it list the search options as:
search – photos (default), groups, favorites, friends or sets
which implies that there isn’t any galleries functionality available with that method.

Liz June 20, 2011 at 12:08 am

Hi James

The answer is yes. The syntax is something lilke :

slickr-flickr search=”galleries” gallery=”72157626435922486″ type=”gallery”

That will choose from your gallery (the long number is the public part of the gallery id – or what you see in your URL). Or if you want someone else’s gallery, then:

slickr-flickr search=”galleries” gallery=”72157626435922486″ type=”gallery” id=”user_id/group_id”

Liz

James June 19, 2011 at 10:29 pm

Apologies if this has already been asked (or even answered) but is it possible to use Slickr Flickr for Flickr galleries?

Russell June 19, 2011 at 4:29 pm

Hi Jason,

Thanks for the clarification.

Slickr Flickr only deals with photos hosted on Flickr

However you could look at the WordPress Flickr Manager plugin which does some integration between Flickr and the WordPress Media Library

Regards

Russell

Jason June 19, 2011 at 2:11 pm

Russ, sorry about the image not working. Try this. I do have it annotated. Its a screenshot from within the “add post” part of the admin panel, that is the default add post look and feel that you get in wordpress.

https://img.skitch.com/20110619-cy6y8hs2dmqaiu4rg8rhca7qyp.jpg

Also here is a sample post…
http://wmmba.org/index.php/2011/06/19/another-sample-2/

So that image gallery is created automatically from any of the images that are contained within the gallery tab on the add image panel on the default wordpress add post section (see screenshot).

My question is basically is there an easy way to get a picture from flickr in the “gallery” tab on the “add photo” popup section when adding a new blog post.

Russell June 19, 2011 at 8:48 am

Hi Jason,

The link you sent did not make any sense to me – i just see a layout with some missing images. You need to annotate the image for it to make sense to someone who not familiar with your theme. Also maybe send an example of what a working ‘default post gallery’ looks like.

I see you have a gallery running at http://wmmba.org/index.php/photos/ so we know that Slickr Flickr works fine with your theme in a normal post .

Jason June 19, 2011 at 6:50 am

I have a few questions about using your plugin with my theme and how to integrate flickr photos into the default post gallery (which my theme then spits out into the post). I also have a “photos” page set up which shows my photostream which I love.

Please see the screenshot for a better description of my question.

https://skitch.com/jasonwsaz/ffq8r/edit-post-wmmba-wordpress

If it can do this somehow I’ll purchase the pro version

kristin June 11, 2011 at 12:47 pm

hi there we are seriously thinking of buying your pro package. but first we have been testing the plugin today in the beginning it worked but now its showing this : No photos available right now.
Please verify your settings, clear your RSS cache on the Slickr Flickr Admin page and check your Flickr feed.

we have cleared the cache several times but nothing is showing. we are scared that this can happen often… also is it possible to have the standard thumbnails but also a picture showing so you can navigate through the images. instead of just thumbnails. we have tried with gallery but then it doesn’t show the thumbnails and no arrows. would really appreciate an answer to this before we buy. pls see test page here : http://www.ep-stockphoto.com/?page_id=782

Russell June 7, 2011 at 10:40 pm
utzutz June 7, 2011 at 4:18 pm

greetings,

I really need to know how I can call the function manually, which means without the conditional tag thing… just a rough manual function call. Tried to call slickr_flickr_init(), but does not effect anything…. or is there a widgetized version?

Travis Smith June 2, 2011 at 1:11 pm

Suggestion/Question: Here is what I need in a Flickr Pro plugin: (1) Carousel/Galleries, which you’ve helped me see earlier, (2) Ability to import comments into my post, which I have posted about earlier [similar to Live Flickr Comment Importer], (3) ability to import images to site automatically (possibly via media_sideload_image() in WordPress) to ensure that featured images works (supports post-thumbnails), and (4) ability to bring it all together as an auto-post from Flickr (based on tags, so if it contains tag #slickrflickrpost, it produces a post in WP site that has title, Flickr description as body, image inserted/imported and set as featured image for post-thumbnails.). How close is Slickr Flickr to being able to do this? I’d love to chat about how to implement these things and even help if needed. Feel free to email me.

Thanks,
Travis Smith´s last [type] ..Understanding WordPress Custom Post Types- Registering Custom Post Types

Russell May 28, 2011 at 8:15 am

Hi Robert,

There is no “album” tag. Instead use search=”sets” set=”your set id”

Regards

Russell

Kop May 28, 2011 at 3:59 am

Hi,
displaying albums with “album=”example”" does not work, all pictures from stream are shown. Any idea what the problem might be?

Thanks & regards
Robert

Russell May 25, 2011 at 9:57 pm

Hi Brad,

The start=”random” only applies when you specify type=”slideshow”.

There is no random selection for the gallery at this point in time.

Though it is on the wishlist and will get done at some point during the summer.

Russell May 25, 2011 at 9:42 pm

Hi Brad,

Do you have a cache-ing plugin enabled? e,g wp-super-cache, hyper-cache?

Russell May 25, 2011 at 7:25 pm

Hi Brad,

With start=”random”, the slide order is the same; only the starting slide is randomly selected. So if you have ten slides, it will show them in the same sequence but the first slide that is displayed can be any one of the 10 slides.

I think what you are looking for is an option: order=”random” ?

Brad May 25, 2011 at 7:02 pm

start=”random” or any number does not seem to work for me, the photos keep appearing in the same order, any ideas? Thanks for the great plugin!
Brad´s last [type] ..Generating Leads from Your Website

Russell May 20, 2011 at 2:06 am

Hi Travis,

If you go into Slickr Flickr Admin settings and choose Galleria 1.2 or 1.2.3 you can have a carousel.

On the page use the slickr-flickr parameter type=”galleria”.

See an example of Galleria 1.2 at http://www.slickrflickr.com/2270/flickr-galleria-slide-transitions-now-supported-by-slickr-flickr/

Travis Smith May 20, 2011 at 1:50 am

I would like to use this plugin and even go pro, but I need the images to display in a filmstrip/carousel.

Thanks,
Travis Smith´s last [type] ..How to Remove or Move the Genesis Footer below the wrap

Russell May 17, 2011 at 6:29 pm

HI Steve,

Once your latest photos appear in the RSS feed you need to clear the WordPress RSS cache – you do this by going to Slickr Flickr Admin Settings and clicking the ‘Clear RSS Cache button’ (this cache expires automatically every 12 hours) so you only need to do this is you don’t want to wait!

Steve Juba May 17, 2011 at 6:25 pm

great thanks— hopefully it will appear once the RSS updates…

Russell May 17, 2011 at 6:16 pm

Hi Steve,

Slickr Flickr is using RSS Flickr Feed URL so if is the feed has no photos Slickr Flickr has nothing to display.

You can force Slickr Flickr to use the Flickr API by specifying use_key=’y’ – sometimes this delivers photos sooner then the RSS feed.

Flickr has hundreds of servers which get synced periodically. When new photos go up it can take between 1 minute and 2 days before they are available – it just depends on what server your website connects to.

Steve Juba May 17, 2011 at 5:24 pm

No they are public—I’ve tried other flickr plugins and they work fine—this one seems way better tho and it doesnt work haha….any thoughts…

no items appear when i click on the flickr feed link

Russell May 17, 2011 at 4:47 pm

It probably means your photos are not publicly available yet.

Click the link of your Flickr feed – how many items does it show?

Leave a Comment

CommentLuv badge

{ 2 trackbacks }

Previous post:

Next post: