jQuery Flickr Photo Gallery Plug

Home Slideshow & ScrollerjQuery Flickr Photo Gallery Plug

14 years ago Views

9199

1388

johnpatrickgiven

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.

Tag: image gallery, image slideshow