March 6, 2024 at 4:06 pm | Design, Programming, web, Wordpress.

You can embed a public Flickr album into your site using my small FlickrSet library and jQuery. Using the options you can style and link to the photos that are brought in. Even style the title of the album. All the items the library uses are publicly accessible

The following block of code creates the grid of photos below. Including the title which comes from the public Flickr album here.

<div id="FlickrSet"></div>
<script type="text/javascript" src="https://www.YOURSITE.com/PATH_TO_FILE/flickrset.min.js' ?>"></script>
<script type="text/javascript" >
$(document).ready(function(){
var photos = new FlickrSet({
   api_key: 'AN_API_KEY_FOR_YOUR_USER', 
   photo_set: 'PHOTO_SET_ID', 
   user_id: 'FLICKR_USER_ID', 
   selected_size: 'Large Square',
   wrapper_id: '#FlickrSet',
   photo_wrapper: 'div',
   photo_wrapper_class: "more",
   per_page: 12,
   use_photo_set_title: true,
   photo_set_title_tag: 'h3',
});

photos.run();

});
</script>

For installation and usage see the instructions on the Github repos.

FlickrSet Github Repos