This plugin is based upon the Galleria javascript gallery, and displays your Flickr photos in a slideshow-like gallery.
It also displays your groups and photosets in a clickable list, to display photosets in the gallery.
This is a plugin I wrote for my own use (see it in action here), but I have received several requests to make it available.
Download and installation
Download Galleria for WordPress here: galleria.zip
To install, unzip within your wp-content/plugins folder, then activate the plugin under Plugin settings in WordPress.
Usage
After installing the plugin, use the following shortcodes in pages and posts:
galleria
Displays the Galleria javascript gallery with your photostream, or, if the user accesses the URL with an anchor tag containing a photoset ID, the contents of that photoset.
Parameters:
| api_key | Your flickr API key (get one here) |
| account | Your flickr username |
Sample:
[galleria api_key="YOUR-API-KEY" account="your-user-name"]
galleria_photosets
Displays a nested list of your groups and photosets, with links to click to open the photoset in the current page. Should be used on the same page as the galleria shortcode, above. This list is generated client-side using Javascript. Note that this means the list will not be picked up by search engine crawlers.
Parameters
| api_key | Your flickr API key (get one here) |
| user_id | Your flickr user ID |
Sample:
[galleria_photosets api_key="YOUR-API-KEY" user_id="1234567@N00"]
21 Comments
awe, i’m seeing a
“Galleria.Flickr is not a constructor” error in firebug at the line of the generated js:
“var flickr = new Galleria.Flickr(‘my_api_key’);”
have you seen this? Otherwise, the javascript is being generated by the shortcode, which is hawt, I cant wait to get this working on my blog! So close!
I haven’t seen that; do you have a sample URL?
Got it working! Basically had to downgrade from WP3.0 to WP2.9.1. I’m now trying to get the shortcode to return a specific photoset now. If you know of a way, that would be awesome! If not, I will try my best to find a way, and I will send you the source. You should really throw this up on the wordpress plugins site as there is not a single galleria plugin out there that really works well with wordpress. Awesome job Michael!
p.s. – here’s the site i’m working on, zannastrongphotography.com
trying to get this to work
i’m unclear as to what sort of shortcode would be used to embed a single set, or images with a specific tag. Thank you.
Yeah, it’s just not that feature-full =)
Ok, no short code then – :D But I’m not understanding where it’s described that I can use and anchor tag to show a certain set.
“Displays the Galleria javascript gallery with your photostream, or, if the user accesses the URL with an anchor tag containing a photoset ID, the contents of that photoset.”
How do I implement that? I’ve tried every configuration I can think of to use the galleria shortcode with an anchor tag, but to no avail. Advice?
I reaaaaally want this to work, because it’s exactly what I’d been looking for. It’s lovely, and I thank you. Perhaps I’m just dim.
Ah yes, right: The trick is to add a #, then the ID of the photoset, to the URL of the page/post with the galleria shortcode. If you have a look at my photos page, you’ll see how it works (click on a photoset in the list at the bottom).
Hi there,
I would love to display a photoset, but am having a terrible time trying to make this work! Could you post a screen shot or any additional instructions? Thank you so much!
Stephanie
Finally! Someone created a plugin that works… flawlessly! Thank you!!!
One important question, hopefully someone can help with.
I’m trying to increase the height of the gallery. I figured I’d be able to do that from Galleria’s theme file, but it looks like the gallery height is defined by some variable or elsewhere. Any insight into how to accomplish this?
Great job on the plugin — I’m trying to use it on a site I’m working on now. What do you think it would take to be able to embed a single set?
Is it possible to have anchors on individual photos in Galleria? I want to link to the photo page and have a selected photo up….
http://championcaterers.co.uk/photos
I know its not WordPress, but i just wanted to know if it can exist for Galleria.
Question, This works with the official themes like ‘Folio” ? or other themes from the creators?
Thanks in advance for this :)
I don’t know, I’m afraid – Try it and see =)
Hi Michael,
This looks so great but I can’t get it to work – I have followed the instructions, and the javascript is being generated but the problem seems to be there is nothing inside the galleria div tags. Is there something obvious I haven’t done?
Thanks,
Hannah
Hi Michael, Great work and thanks for sharing! I implemented this too for a WP site (but not as a plugin) and I’m having problems with internet explorer. In my version I get a bunch of errors:
Could not extract width/height from image: http://farm3.static.flickr.com/2092/2421907862_a22139be6c_s.jpg. Traced measures: width:75px, height: 0px.
In your version when using IE9 it does load but the thumbnails are missing.
SO my question is, were you aware of any issues with IE when you wrote this and did you do anything special to counteract it? Thanks!
Hey Nefilas – I’m afraid I have no idea how it works in IE; I’ve not actually tested it. It’s fairly low priority at the moment, so I’m afraid it will have to remain that way! Do let me know if you come up with a solution, though (aside from hitting all IE users over the head, which I’m open to, incidentally).
I’ll report it back to galleria and see what I can find. BTW did you read that story about IE users being less intelligent? Seemed entirely plausible to me but turns out it was a hoax! http://www.sitepoint.com/ie-users-low-iq/
Haha, that’s brilliant =) It’s probably true, hoax study or no
Hi there! I am very new to this whole thing and cannot seem to figure out what I’m doing wrong in WordPress with my shortcode, I can’t get Galleria to load at all. I typed this shortcode into my imagery page with my own api-key and user name [galleria api_key="YOUR-API-KEY" account="your-user-name"]
This is for a class project. Any advice would be greatly appreciated! Thanks :)