FlickrRSS and Lightbox 2 are two great WordPress plugins. FlickrRSS as the name implies, fetches photos from a Flickr photostream via RSS and displays these on your blog. Lightbox is a very well known plugin that allows you to present images in a slick window.
I wanted to know how to display FlickrRSS photos in a Lightbox window. I couldn’t find very much information about this on the web, but after reading some related articles plus the Lightbox and FlickrRSS documentation I figured it out myself and it is VERY easy. Let me share it with you:
- Log in to your WordPress blog and go to the FlickrRSS settings (Settings > flickrRSS)
- Replace the existing HTML code in the Item HTML box with this:
<a href="%image_medium%" rel="lightbox[serie]" title="%title%"><img src="%image_square%" alt="%title%" /></a> - Done!
Instead of linking to the photo page on Flickr (%flickr_page%) you are now linking directly to the medium sized image on Flickr (%image_medium%). This direct link is required to trigger Lightbox. The code rel="lightbox is making Lightbox open the image. The optional group name [serie] (can be called whatever you like) groups the images FlickrRSS displays and makes Lightbox 2 behave like a slideshow player.
As you see it’s very easy to make images displayed by FlickrRSS pop up in a Lightbox window when clicked on.
There is one thing you should be aware of before you configure FlickrRSS this way: You are not following Flickr’s community guidelines! The guidelines specify that if you post a Flickr photo on an external website, the photo must link back to its photo page. Please keep that in mind.
http://bit.ly/Iq8tW New blog post: Make FlickrRSS and Lightbox 2 Work Together
This comment was originally posted on Twitter
Make FlickrRSS and Lightbox 2 Work Together http://ff.im/-2kv0x
This comment was originally posted on Twitter
Make FlickrRSS and Lightbox 2 Work Together | rutgerblom.com http://ff.im/-2kvq2
This comment was originally posted on Twitter
[...] the original here: WordPress Plugins: Make FlickrRSS and Lightbox 2 Work Together … « SEO and Branding: Who Are You Impressing? How to SEO your Wordpress blog content | [...]
Nice hack. Thanks.
This comment was originally posted on FriendFeed
Måste testa! Väldigt bra artikel!
Stina Bjurström’s last blog post..Pick of the week nr 9 från Flickr-gruppen Mer än tusen ord
when you use this tip in both a widget and a post, lightbox combines both in his slideshow
is there no way to replace [serie] with for instance the blog post title?
Hi and thanks for stopping by on my site.
Absolutely! The word [serie] can be changed to anything you want.
You probably want to use another name for every batch of photos you want to group togehter in a slideshow.
but since the code is reused by every time every change results in another set containing all files on the page (post and widget combined)
i tried
<a href=”%image_medium%” title=”%title%” rel=”lightbox[]“>
but this results in
“]”>
after every image
so i’m lookin for a post-related tag that i can integrate in the html-code
Ok, now I understand. I think you can achieve that, but you probably have to hard code it into the plugin’s php using meta tags.