Flickrush – A jQuery flickr plugin
Flickrush is a jQuery plugin designed to make it quick and easy to add your flickr photo stream to any web page with minimal effort. Fully customisable you can choose the number of photos, randomise the ordering and style to fit in with any blog or web page. Click on the demo below to see it in action.
Usage
To use flickrush simply create an empty div and apply an ID or class of your choice, like so:
<div id="flickrImages"> </div>
You will need to call in the jquery framework before you call in jquery.flickrush.js like so:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script> <script type="text/javascript" src="jquery.flickrush.js"></script>
Getting your flickr ID
In order to display your flickr photo stream you will need your flickr user_id, Yahoo have put together a great website to help you find out what it is. To initiate the plugin simply call it on your ID like so:
$(function(){
$('#flickrImages').flickrush({id:'44499772@N06' });
});
Extra options for Flickrush
There are a few extra parameters you can pass into flickrush in order to customise your flickr photostream, like so:
$(function(){
$('#flickrImages').flickrush({
id: '44499772@N06', // the ID of your flickr username
limit: 6, // the number of photos to display
random: true // randomly select photos to be displayed
});
});
Demo
You can view this jQuery plugin in action here. I have successfully tested the plugin in Firefox, safari, and IE 6 browsers with everything working fine, but if you can see any way to improve the plugin or any beneficial features, please feel free to try comment, any constructive criticism is welcome.
Version History
20/02/2010 – Version 1.0
February 15th, 2010
Did you check the name? It is already used by a Flickr App: http://flickrate.gasteroprod.com/ …
« Reply
philipbeel Reply:
February 17th, 2010 at 7:35 pm
@Nicolas Hoizey, Thanks for the heads up. I must have overlooked that one completely. I have renamed my plugin ‘flickrush’. Hope you like it!
« Reply
Nicolas Hoizey Reply:
February 18th, 2010 at 9:16 am
@philipbeel, Yeah, it’s a nice new name!
« Reply
February 20th, 2010
Very nice plugin! Thanks for your work
« Reply
March 18th, 2010
cool. thanks for taking the time to share this plugin!
« Reply
March 24th, 2010
Hey! Great plugin!
I’d like to use it, but a question first – what other control can we have over the image size, and linking? Is it possible to include this?
Thanks so much!!
« Reply
philipbeel Reply:
March 24th, 2010 at 4:20 pm
@Michael Caputo, Sure, you are more than welcome to modify the plugin. I may add functionality moving forward, thanks for the suggestions.
« Reply
April 25th, 2010
awesome!
could you um, add function like display based on sets ?
« Reply
philipbeel Reply:
April 25th, 2010 at 12:06 pm
@st, I would need a bit more detail on what the core functionality woud need to be, although from the outset this does sound like quite a bespoke request. You are more than welcome to take my base code and develop as required.
« Reply
May 4th, 2010
Good one! Simple with a good taste. Is it possible to add links to the actual photos on Flickr??
Thanks,
Iryna
« Reply
philipbeel Reply:
May 4th, 2010 at 10:46 pm
@Iryna Mologoko, thankyou for the kind words. The plugin does not currently have that functionality, although it is worthwhile feedback and something I would certainly consider for future releases of the plugin.
In the meantime please feel free to pick at the code and add this yourslef if you wish.
« Reply
June 20th, 2010
real quick, how can I make this pull the thumbnails rather than the medium sized images?
« Reply
philipbeel Reply:
June 21st, 2010 at 9:10 am
@chris, you should be able to change the sizes of the images in the CSS if you want to adjust the sizing.
« Reply