Submit your widget

jQuery Flickr Photo Gallery Plug

Created 13 years ago   Views 8858   downloads 1232    Author johnpatrickgiven
jQuery Flickr Photo Gallery Plug
View DemoDownload
87
Share |

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

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');
});

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.