JackDanger / smita-lightbox

Example of a super-simple photography site

This URL has Read+Write access

smita-lightbox / photos.js
100644 36 lines (30 sloc) 1.122 kb
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
var API_KEY = '3a26f36ac015fa09111911faeaf6eedc'
 
// Original code from http://www.mattryall.net/blog/2008/06/flickr-api-and-jquery
 
$(function(){
  photo_src = function(photo, size){
    return "http://farm" + photo.farm +
            ".static.flickr.com/" + photo.server +
            "/" + photo.id +
            "_" + photo.secret +
            (size ? "_" + size : '') +
            ".jpg"
  }
  $.getJSON("http://api.flickr.com/services/rest/?method=flickr.photosets.getPhotos&api_key="+API_KEY+"&photoset_id=72157600007733788&format=json&jsoncallback=?",
    function (data) {
      $.each(data.photoset.photo, function (i, photo) {
          var image = $("<img/>")
                      .attr("src", photo_src(photo, 's'))
 
          var link = $("<a/>")
              .attr("title", photo.title)
              .attr("rel", "lightbox-smita")
              .attr("href", photo_src(photo))
              .append(image)
 
          $("#photos").append(
            $("<div/>").append(link)
          );
      });
      // set up lightboxes for the recently-added photos
      $.Lightbox.domReady()
    }
  );
})