Slickr Flickr Help

There are a number of resources available on this site to help you with using Slickr Flickr.

  • For support, please purchase Slickr Flickr Pro. Slickr Flickr has become very popular so it is no longer practical for me to provide free personal support.
  • Have a question? Firstly check out the Frequently Asked Questions page. Most questions have already been answered.
  • Having problems running Slickr Flickr? Check common issues. We already have a solution for most issues with getting Slickr Flickr running on your site.
  • Got a great idea to improve Slickr Flickr? Check out the Suggestions section. Your feature may already be live or in the development queue.
  • Stuck for what to do next? Get some new ideas by watching Slickr Flickr Video Tutorials

Updated by on .

{ 355 comments… read them below or add one }

Tobias March 11, 2011 at 12:02 am

Hi,

I have experienced a problem with the link in the caption text. I want it to link to my Flickr set and it works with my slide show but not the gallery.

I’ve figured out the problem is that my Flickr ID is not a part of the link from the galleries. I therefore tried to set the ID manually with the id=”xxx” tag, but that didn’t work either.

I’ve set both my Flickr ID and my Flickr API key and i have tried to clear the RSS cache.

I’m using PHP 5 and Slickr Flickr version 1.24.

Regards and thanks for a great plug-in!

Tobias

Russell March 2, 2011 at 1:00 am

Hi Dave,

Many apologies for the problems; you have unearthed a bug.

I changed the Slickr Flickr CSS file to set the height for the various sizes of slideshow: small, medium, m640 and large however I did not set a size for original as the original size is not unknown until the photos are actually fetched. In the previous version “original” photos were the same size as medium photos.

The quick fix to this is to edit slickr-flickr.css to restore its previous settings by changing the lines

[css]
.slickr-flickr-slideshow.landscape.medium { height: 400px }
.slickr-flickr-slideshow.portrait.medium { height: 525px }
[/css]

to

[css]
.slickr-flickr-slideshow.landscape.medium, .slickr-flickr-slideshow.landscape.original { height: 400px }
.slickr-flickr-slideshow.portrait.medium, .slickr-flickr-slideshow.portrait.original { height: 525px }
[/css]

If you have Slickr Flickr Pro Edition you can just specify the slideshow height by specifying height=”400″ or whatever your required height is.

In the next release, I will come up with a better solution for non Pro users that does not involves changing CSS.

Dave March 1, 2011 at 11:12 pm

Hi Russel,

I ran into a problem when I updated the slickr flickr plugin to 1.24. My slide show had been up and running smoothly for several months, but as soon as I upgraded it disappeared. I determined that it was still there, but the containing div did not have a height specified. I was using size=”original”, but it appears the plugin is not processing it correctly. They only way I was able to get my slide show to appear was to change it to size=”m640″ and then manually edit the height in the CSS.

Any idea what the problem may be?

Dave

Russell March 1, 2011 at 3:44 pm

Hi Rebecka,

Please see the tutorial http://www.slickrflickr.com/2126/improved-flickr-slideshow-sizing-and-scaling/ ; the slideshow on the right has descriptions.

As regards the spacing then this is down to the size of your photos; you can accommodate photos of less than standard height with a little knowledge of HTML( as shown in the tutorial) or use CSS if you have the standard edition of Slickr Flickr. However if you upgrade to the Pro edition you can just specify a “height” parameter which is the easiest solution.

Regards

Russell

Rebecka March 1, 2011 at 2:57 pm

Hi –

Love this plug-in. I have painfully little knowledge about crafting a website and I was able to figure it out!

However, I am having problems getting the descriptions to show below the photos. I’ve tried to add descriptions=”on” in the code, but it doesn’t seem to do anything. Also, I have to slideshows going on at the same time. There is a lot of space between them. Is that due to the size of the photos? Is there any way to fix that?

Thank you!
Rebecka

Russell February 27, 2011 at 8:16 pm

Bart,

IE prototype/JQuery/ ‘getElementsByTagName(‘*’) problems are equally horrible for me too!

Your questions are really nothing to do with Slickr Flickr and are to do with other stuff on your site. I am sorry but I have a ton of work to do, so can’t really get into debugging these problems. If I had a one line solution I would surely give it to you, but I am afraid the issues involve a considerable bit of digging around to make any headway.

My suggestion would be to uninstall whatever plugin is adding the prototype library, if you do not need it, or at least prevent it from loadin gon pages where you have a gallery.

As for the flash loader then you need to put a background image in the header instead of the swf and use a function on document.ready to load the swf file.

I hope that helps.

Regards

Russell

Bart February 27, 2011 at 7:34 pm

Hi Russel,

Thanks for all of your remarks.. I’m going to follow your advice in the flahfader-issue! It loads a lot faster in my experience of different systems, but I can doe without.. (Also some new questions arise in my mind: How can i make sure the flashfader loads in the background? / How can I check if prototype needs to be installed?, but I will try to find the answers elsewhere).

The thing is, the page with the slideshow I mentoined should be: http://www.levensbeschouwingalskunst.nl/?page_id=167
This slickrflickr slideshow works fine in Safari and Chrome, it just doesn’t in IE.. When I view other sites with your plugin in IE these seem to work .. I googled on this IE prototype/JQuery conflict in IE and I found it has something to do with the ‘getElementsByTagName(‘*’)’ command/request.. but at the moment this is too complex for me..

Russell February 25, 2011 at 3:23 pm

The error is on line 4821 of prototype.js – this is nothing to do with Slickr Flickr.

Slickr Flickr uses jQuery not prototype.

You need to dig around Google to find prototype /jQuery conflicts specific to Internet Explorer.

Do you need prototype installed on this page?

waaablog February 25, 2011 at 2:48 pm

There seems something wrong when using the slideshow with jquery.js and prototype.js in IE ..

Russell February 25, 2011 at 9:50 am

Hi,

Just to clarify, if you click the gallery before the page has finished loading the lightbox does not work however if you wait until the page is completely loaded it works okay.

It is the flashfader at the top of the page that is killing the performance of your site. With the fader it takes 30 seconds to load, without the fader I think it will be about 7 seconds.

If you really want to use the fader I would put a static photo in the header, load the rest of the site first, and only then load the fader in the background.

Regards

Russell

Russell February 25, 2011 at 9:12 am

I am looking at the page now and it is showing a gallery (not a slideshow) which is working fine.

The page takes a few seconds to load but the lightbox works fine once the page has finished loading.

Where are you seeing the “not supported” message?

I upgraded all my sites to WordPress 3.1 yesterday and Slickr Flickr is working fine.

As an aside, the only thing that broke for me was GravityForms and that was down to the fact that WordPress 3.1 is packaged with jQuery version 1.4.4 instead of of 1.4.2. According to Gravity forms forums downgrading to 1.4.2 resolves the issue. The reason I mention it is that the change of jQuery version may affect other things on your site.

I can see you have jQuery 1.4.4 loaded – which is what is expected

[code]<script type='text/javascript' src='http://www.levensbeschouwingalskunst.nl/wp/wp-includes/js/jquery/jquery.js?ver=1.4.4'></script>[/code]

waaablog February 25, 2011 at 8:14 am

JG,

slickr flickr slideshow doesn’t seem to work after I upgraded tot wp3.1..

wp/wp-content/plugins/slickr-flickr/slickr-flickr.js?ver=3.1
not supported..

check:
http://www.levensbeschouwingalskunst.nl/?page_id=279

Regards,

Russell February 24, 2011 at 10:45 am

Hi Lusy,
The quotes you have in your comment above are opening and closing quotes rather than a pair (this is probably just WordPress comment rendition.

Without seeing what you have typed as the whole slickr flickr command I can only only guess what the problem is. Maybe you have had a missing quote from a previous parameter. This is how it should look

[slickr-flickr id="10051834@N05" tag="lusythesunsetgirl" type="gallery" items="4"]

Russell February 24, 2011 at 1:00 am

HI Lusy,

I have never seen this problem before; the items parameter always works.

Please send me an email at russell [at] diywebmastery.com with the exact code in your widget [this is better than use a comment here as WordPress can change the exact text in subtle but significant ways]

Thanks

Regards

Russell

Lusy Aaltje February 24, 2011 at 12:31 am

Hi, Russell!
Thanks so much for the reply. I have the widget up now and use the same code as before items=”4″ (double quotes just like what I saw on the setting page). The result is still showing 20 thumbnails. Sorry for bothering you. Again, thank you so much for the help.

Russell February 23, 2011 at 4:37 pm

Hi Lusy,

Thanks for your feedback.

The items=4 should work fine. The only reasons it would not would be it the quotes marks around the 4 were the wrong type of quotation marks. Your page is offline so I cannot verify this one way or another.

Please either use single quotes or double quotes but not either backticks or left quotes and right quotes.

Lusy Aaltje February 23, 2011 at 2:35 pm

Hi, Russell.

I have been looking for this plugin for months and founding my way here is like a dream come true. So thank you so much for this. However, I have a problem with the thumbnails gallery on my footer. It showed up just fine but all bunch of them (20 thumbnails) which made my footer too long. Even though I already added items=”4″ in the widget, it still showed 20 thumbnails. Please help? Thank you so much!
Lusy Aaltje´s last [type] ..Open Mouth Insert FOOD

Russell February 23, 2011 at 9:05 am

Ryan,

Your photo set is now visible – fixing the safe content settings has worked – see http://www.slickrflickr.com/support/flickr-safe-search-is-blocking-access-to-photos/

Clear your WordPress RSS cache in Slickr Flickr Admin Settings to make WordPress reread the photos from Flickr

Ryan February 23, 2011 at 2:52 am

Yes we updated safe content settings and also tried using tag from photos already set to safe. Still receiving “No photos available right now”

Thanks for your help, but trying alternatives now. Cannot afford to spend anymore time on this.

It is still installed, maybe it will just start working at some point. Only time will tell.

Russell February 23, 2011 at 2:24 am

Have you set up a safety level on that photoset?

Here is some info about safe search: http://www.flickr.com/help/filters/

Ryan February 23, 2011 at 2:14 am

Thank you for your reply Russell.

That’s odd. Under ‘Your account’ in flickr it states:
“Your account has been reviewed as safe by Flickr staff.”

Or is this unrelated?

Ryan

Russell February 23, 2011 at 12:49 am

Ryan,

When I try and view your photo set on Flickr it runs into a Safe Search restriction problem

Right now Slickr Flickr just returns “safe” photos. I plan do address this in the next release by implementing authenticated connections with allow fetching of “moderate” and “restricted” photos

Ryan February 23, 2011 at 12:36 am

We’ve checked our install, but no matter what we try still receive “No photos available right now”

We’ve tested the RSS feed from the flickr set at http://www.flickr.com/photos/snakeracing/sets/72157625945546811/ in Google reader and it is working fine.

This is the post that has the shortcode at the bottom:
http://www.snakeracing.com.au/blog/2011/02/brook-rebers-terrain-taming-gq-nissan-patrol-tourer/

Any ideas?
Ryan´s last [type] ..Brook Reber’s Terrain Taming GQ Nissan Patrol Tourer

Liz February 22, 2011 at 6:11 pm

No it doesn’t work with Slickr Flickr at the moment, but we do an update to the plugin every month. We are planning a video option (for SickrFlickr Pro only) in the April release, or if we can get it in, in the March release.

vidvid February 22, 2011 at 6:00 pm

hey i really would like a flickr gallery that pulls in my videos from the flickr set too.. does this work with yours?
Would be so useful and i cant quite believe something like this doesnt already exist..?
Any suggestions?

Thanks!

Russell February 5, 2011 at 3:52 pm

Hi Mars,

The dynamic drive script is designed for use with a static slideshow – I am afraid you would need to get into some programming to integrate this using either jQuery or PHP to build the paypal buttons within a slideshow that is dynamically generated using Slickr Flickr.

The difference between the lightbox script and my suggestion earlier is that the script is using a custom attribute called “paypalform” while with my suggestion the paypal form is passed within the title attribute and hence there is no need to change the lightbox code itself. However, either approach should work

If you want to use the Dynamic lightbox script then you would tell Slickt Flickr not to use its own LightBox by setting up LightBox Plus as the selected LightBox Option in Slickr Flickr Admin settings, add the dynamic drive lightbox script in the header of each page, and write some jQuery script to go in the footer that inserts the paypalform attribute to each anchor which has a “rel” attribute of ‘lightbox”.

Regards

Russell

Mars February 5, 2011 at 3:32 pm

Thanks Russell,

I found this code that is exactly what I would like to integrate but lack the programming knowledge to incorporate it to the current lightbox code. If you could instruct me as to where to insert it I would be very grateful. I do plan on upgrading to the Slickr Flickr Pro acct as soon as I am able to.

http://www.dynamicdrive.com/forums/showthread.php?t=50058

If you view his site you’ll see there is a drop down available for the various print sizes.

Thanks,
Mars
Mars´s last [type] ..Boudoir

Russell February 5, 2011 at 1:07 pm

Hi Mars,

Having thought about this a bit more I have written up your idea as a suggestion for a new Slickr Flickr feature.

Please see http://www.slickrflickr.com/support/add-paypal-button-to-the-lightbox/

regards

Russell

Russell February 4, 2011 at 7:16 pm

Hi Mars,

This is not possible as Flickr does not allow you to put a form in the photo description

What you would need to do it customize the LightBox to include a paypal button which is parameterized.

You could then set up the Flickr description with the normal photo description followed by a section in parenthesis such as (PayPal: productid=xxxx&price=100). Then the custom lightbox code could replace the Paypal details in parenthesis (text) by a PayPal button ( HTML Form) with the right price and productid

Regards

Russell

Mars February 4, 2011 at 6:42 pm

Hi Russell,

Another question for you. Is there a way to add a shopping cart to the individual items in a set? I would like to be able to sell my photos off my web site. When my viewers click on an image in a set and the lightbox opens can I add a link to purchase via paypal?

Mars
Mars´s last [type] ..Boudoir

Mars February 1, 2011 at 4:15 am

Thanks Russell,

I look forward to the Feb release.

M
Mars´s last [type] ..Boudoir

Russell January 30, 2011 at 3:35 pm

Hi Mars,
Not right now. Slickr Flickr uses a public connection to Flickr and the safe search is only available on an authenticated connection.

I plan to add the safe_search setting in the February release of the Slickr Flickr Pro edition where the parameter “safe_search” takes a value of 1 – safe, 2 – moderate or 3 -restricted. Since this feature is only available for authenticated connections to Flickr, it will also necessary for the user to enter their secret key in Slickr Flickr Admin settings in order that an authenticated connection can be created.

Regards

Russell

Mars January 30, 2011 at 2:33 pm

Hi Russell,

Thanks for creating the Slickr Flickr plugin. It is serving my images well for my site galleries. My question is when I have the safety settings on an image set to Moderate or Restricted in Flickr, is there a way to get them to show up on my site where I have no safety restrictions?

Thanks,
Mars

Russell January 28, 2011 at 9:46 am

Hi Matteius,

Thanks you for your feedback

Your validator may be applying too strict rules – check out http://www.w3.org/TR/html401/types.html#type-length – this permits percentages in height and width attributes. These attributes scale the image as a percentage of the container. The HTML produced for the images is correct however there are a number of other HTML validation errors which I must address.

In the next release I will ensure that the HTML has no validation errors according tp the following HTML header


<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

Therefore your w3c validator should pass the code

Matteius J D. January 27, 2011 at 9:28 pm

Please fix w3c validation errors in your code generation:
Validation Output: 11 Errors
Line 63, Column 448: Bad value 90% for attribute height on element img: Expected a digit but saw % instead.
…lt=”" title=”IMG00605-20101029-1230″ /><img height="90%" src="http://…
Syntax of non-negative integer:
One or more digits (0–9). For example: 42 and 0 are valid, but -273 is not.
Matteius J D.´s last [type] ..Summer Garden 2010

Russell January 27, 2011 at 8:59 pm

If you would like more help then please sign up for Slickr Flickr Pro and I can help out.

However, all you need to do is tweak the CSS a bit. You should be able to do this yourself in a very similar way to what I did for the padding-left. Learning a very small amount of CSS means you can fine tune the layout yourself so it is pixel perfect to your taste.

Brandon January 27, 2011 at 8:46 pm

that worked for the side… is there any way to reduce the spacing at the top. as well to space the columns apart by a few pixels?

Russell January 27, 2011 at 8:24 pm

Hi, it is not centered but your theme CSS has padding that pushes the gallery to the right

#content ul { padding-left: 25px; }

Override this padding in your theme CSS file as follows:

#content .slickr-flickr-gallery ul { padding-left: 0px; }

This ensures your theme does not pad the Flickr gallery

Russell January 27, 2011 at 8:19 pm

Hi Brandon, Your WordPress theme is probably overriding the plugin settings. What is the URL of a page with the widget?

Brandon January 27, 2011 at 7:15 pm

For some reason, My text widget [slickr-flickr tag="tagname" type="gallery" items="6" photos_per_row="2" align="left"] keeps aligning center. any thoughts?

Russell January 26, 2011 at 12:41 am

Hi Baz,
Yes you can. Use search=”groups” id=”the groups Flickr ID”.

There is an example at http://www.slickrflickr.com/support/can-i-display-photos-from-a-flickr-group/

Regards

Russell

baz January 25, 2011 at 11:58 pm

Hi

Im interested in using Slickr but wondered if there is an option to show photos from a group on flickr instead of your own photostream?

Mollie January 25, 2011 at 4:03 pm

Thank you for your speedy reply and yes, I would ultimately like the gallery to work as a stand alone so that it could be used for any of my clients on their platform of choice. Sorry to hear that such a thing doesn’t exist but thank you for creating a WP gallery plugin that is so visually elegant in the first place!

Russell January 25, 2011 at 2:41 pm

Hi Mollie,
Thanks for your question which not the least bit wacky. The answer is No – there is just a WordPress version. Like most WordPress plugins, it relies on a whole bunch of WordPress features such as the database, the cache, the RSS feed handling, the short-codes framework, the administrator functions, etc.

Rather than build all this stuff as standalone it may be possible to create Drupal or Joomla plugins for Slickr Flickr, as these platforms already have a similar infrastructure to WordPress.

Do you want Slickr Flickr as standalone or do you want to run it in another platform?

If you do want to go the complete standalone route the best approach might be to go for a pure JavaScript solution.

Regards

Russell

Mollie January 25, 2011 at 2:29 pm

I can’t tell if this is a wacky question or not, but do you offer a non-Wordpress version of this feature? I absolutely love the way it works on WP sites, but would like to be able to implement it on html and php sites that don’t run on WP. If such a version doesn’t exist yet, would you be willing to build it for a fee?

Russell January 23, 2011 at 1:46 pm

Hi Tim,

Further to our offline conversation, just a note to indicate that I have implemented an automatic failover so if the Flickr API returns no photos then Slickr Flickr will try the Flickr RSS feed. I will put this into an release of Slickr Flickr Pro in a couple of days once I have completed testing. This approach will return up to 20 photos which is better than none.

Regards

Russell

Tim Arnold January 22, 2011 at 5:27 pm

Hi Russell

I am experiencing near constant problems pulling through Flickr pics to my Wordpress site – some galleries work, others don’t. I really need to get things resolved very quickly as I have been heavily promoting my site this past week.

Cheers

Tim

Russell January 17, 2011 at 1:44 pm

Hi JG,
A word of caution: do not cut and paste my code verbatim as Wordpress comments can add in extra spaces and change quotation marks. For example below it seems to put an extra space between the “<” and the “?” at the start of the php command

Russell January 17, 2011 at 1:42 pm

JG,
How is it failing for you? Is it formatting or PHP errors? Have you tried putting in a div style=”clear:none” after the slideshow?

Russell January 17, 2011 at 1:39 pm

Hi JG,

On this site I have a Slickr Flickr Slideshow in the header – this is the Slickr Flickr Pro Upgrade slideshow (do you like the transparency? :-)

Here is the code I used


<div id="header-right">< ?php echo do_shortcode('[slickr-flickr link="http://www.slickrflickr.com/upgrade/" captions=off type=slideshow tag="Slickr Flickr PRO Features" size="original" height="180"]'); ?></div>
<div style="clear:both"></div>

Leave a Comment

CommentLuv badge