Twitter4gif

jQuery Flickr Photo Gallery Plug-In - Powered by Flickr Sets

Simply hand the plug-in a Flickr set_id and give the container a width and height and watch it work!

Example Gallery

Example HTML Code Example

<div id="flickr_div"></div>
<!-- "flickr_count" Required for count and titles (ie: 1 of 35 : title here) -->
<div id="flickr_count"></div>

Example CSS Code

#flickr_div {
    width: 500px;
    height: 330px;
    margin: auto;
    margin-top: 15px;
    background-color: #000;
}

#flickr_count {
    width: 470px;
    margin: auto;
    margin-top: 15px;
    font-size: 12px;
    color: #ff358b;
    padding: 15px;
    font-style: italic;
    background-color: #000;
}

Example Example jQuery Code

$(document).ready(function() {
    $('#flickr_div').flickrGallery('FLICKR_SET_ID','YOUR_FLICKR_API_KEY');
});

Installation Instructions

Add the ez-jquery-flickr directory to your codebase. Simply link the CSS and JS files in your <head> tag as you would normally. Make sure to leave all of the files in the directory.

If you feel stuck just take a look at the example that comes with the download.

Hope you like it!

Download These Files at GitHub!


blog comments powered by Disqus
Background image courtesy of: k10k.net
Photos courtesy of Cheeseburger on FLickr.