title: Bootstrap gallery template flickr images
body: <p>i'm using this template for a personal project.<br>
  <a href="https://github.com/blueimp/Bootstrap-Image-Gallery" rel="nofollow">https://github.com/blueimp/Bootstrap-Image-Gallery</a><br>
  and there is this code here that gets photos from flickr. This code uses the method flickr.interestingness.getList which takes tags as an argument as seen here. <a href="http://www.flickr.com/services/api/flickr.interestingness.getList.html" rel="nofollow">http://www.flickr.com/services/api/flickr.interestingness.getList.html</a><br>
  I want to pass in tags as an argument, but I can't figure out the syntax for doing so in ajax or w/e the format being used in this code is.  </p>
  
  <pre><code>    // Load images via flickr for demonstration purposes:
      $.ajax({
          url: 'http://api.flickr.com/services/rest/',
          data: {
              format: 'json',
              method: 'flickr.interestingness.getList',
  
              api_key: 'API_KEY_abc123'
          },
          dataType: 'jsonp',
          jsonp: 'jsoncallback'
      }).done(function (data) {
          var gallery = $('#gallery'),
              url;
          $.each(data.photos.photo, function (index, photo) {
              url = 'http://farm' + photo.farm + '.static.flickr.com/' +
                  photo.server + '/' + photo.id + '_' + photo.secret;
              $('&lt;a data-gallery="gallery"/&gt;')
                  .append($('&lt;img&gt;').prop('src', url + '_s.jpg'))
                  .prop('href', url + '_b.jpg')
                  .prop('title', photo.title)
                  .appendTo(gallery);
          });
  </code></pre>