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!