Using a Flickr Gallery Plug-in: Galleria **{change the version number if you have downloaded the package from the Galleria site, it has updated}**
Keep the Galleria folder in your root folder
=================
<!-- Add this to your <head> section -->
<!-- load jQuery -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<!-- load Galleria -->
<script src="galleria/galleria-1.2.9.js"></script>
<!-- load Flickr plugin -->
<script src="galleria/plugins/flickr/galleria.flickr.js"></script>
<style type="text/css">
#galleria
{
/* the height can be changed */
height: 500px;
}
</style>
=================
<!-- Include a div with id="galleria" where you want your gallery to be located-->
<div id="galleria"></div>
<!-- Add this to your page before </body> -->
<script>
// Load the classic theme
Galleria.loadTheme('galleria/themes/classic/galleria.classic.min.js');
// Initialize Galleria
$('#galleria').galleria({
flickr: 'set:72157624918916898',
flickrOptions: {
sort: 'date-posted-asc'
}
});
</script>