This gallery uses public albums from the NASA Goddard Space Flight Center. We are not responsible for any of the content provided in these albums.

Page HEAD

1. META Tag Information

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" />

2. Required Files

<!-- Load jQuery (REQUIRED; if not already included in page!!!) -->
<script type="text/javascript" src="js/jquery.1.11.2.min.js"></script>
<script type="text/javascript" src="js/jquery.migrate.1.2.1.min.js"></script>

<!-- Load Files for photoBox Plugin (OPTIONAL; only necessary if actually utilized) -->
<link rel="stylesheet" type="text/css" href="plugins/photobox/photobox/photobox.min.css">
<script type="text/javascript" src="plugins/photobox/photobox/photobox.min.js"></script>

<!-- Load Files for ToolTipster Plugin (OPTIONAL; only necessary if actually utilized) -->
<link rel="stylesheet" type="text/css" href="plugins/tooltipster/jquery.tooltipster.min.css" />
<script type="text/javascript" src="plugins/tooltipster/jquery.tooltipster.min.js"></script>

<!-- Load Files for Metafizzy Isotope Plugin (REQUIRED!!!) -->
<script type="text/javascript" src="plugins/isotope/jquery.isotope1.min.js"></script>

<!-- Load Files for Flickr Gallery Plugin (REQUIRED!!!) -->
<link rel="stylesheet" type="text/css" href="css/jquery.flickr-iconfont.min.css" />
<link rel="stylesheet" type="text/css" href="css/jquery.flickr-album.min.css" />
<script type="text/javascript" src="js/jquery.flickr-album.min.js"></script>

3. Gallery Initialization

<script>
    (function ($) {
        $(document).ready(function($){
            // Initialize Flickr Gallery Script (Responsive Layout)
            $('#Flickr_Album_Frame').Flickr_Album({
                flickrID:               '24662369@N07',
                flickrKeyAPI:           'c07f724ab7ed6a1b01b799fe753c6d13',
                excludeAlbums:          [],
                responsiveGallery:      true,
                responsiveWidth:        100,
                paginationLayoutAlbums: false,
                infiniteScrollAlbums:   true,
                paginationLayoutPhotos: false,
                infiniteScrollPhotos:   true,
                infiniteScrollOffset:   100,
                infiniteScrollMore:     true,
                fancyBoxAllow:          false,
                colorBoxAllow:          false,
                prettyPhotoAllow:       false,
                photoBoxAllow:          true,
            });
        });
    })(jQuery);
</script>

Page BODY

4. Create DIV Element for Gallery

<div id="Flickr_Album_Frame"></div>