|
|
| Line 1: |
Line 1: |
| | {{Bielefeld_2011_Header}} | | {{Bielefeld_2011_Header}} |
| - | <html>
| |
| - | <div style="text-align:center">
| |
| - | <script>
| |
| - | function jsonFlickrApi(rsp) {
| |
| - | if (rsp.stat != "ok"){
| |
| - | // If this executes, something broke!
| |
| - | return;
| |
| - | }
| |
| - |
| |
| - | //variable "s" is going to contain
| |
| - | //all the markup that is generated by the loop below
| |
| - | var s = "";
| |
| - |
| |
| - | //this loop runs through every item and creates HTML
| |
| - | for (var i=0; i < rsp.photos.photo.length; i++) {
| |
| - | //for (var i=0; i < 10; i++) {
| |
| - | photo = rsp.photos.photo[ i ];
| |
| - |
| |
| - | //notice that "t.jpg" is where you change the
| |
| - | //size of the image
| |
| - | t_url = "http://farm" + photo.farm +
| |
| - | ".static.flickr.com/" + photo.server + "/" +
| |
| - | photo.id + "_" + photo.secret + "_" + "t.jpg";
| |
| | | | |
| - | b_url = "http://farm" + photo.farm +
| + | TEST 1 2 3 |
| - | ".static.flickr.com/" + photo.server + "/" +
| + | |
| - | photo.id + "_" + photo.secret + "_" + "z.jpg";
| + | |
| - |
| + | |
| - | p_url = "http://www.flickr.com/photos/" +
| + | |
| - | photo.owner + "/" + photo.id;
| + | |
| - |
| + | |
| - | s += '<a class="lightbox" href="' + b_url + '">' + '<img alt="'+
| + | |
| - | photo.title + '"src="' + t_url + '" style="margin:10px; border:1px solid gray;" />' + '</a>';
| + | |
| - | }
| + | |
| | | | |
| - | document.writeln(s);
| + | <html> |
| - | //this tells the JavaScript to write
| + | <script> |
| - | //everything in variable "s" onto the page
| + | $.getJSON("http://api.flickr.com/services/rest/?method=flickr.photosets.getList&api_key=196a1e36e877b61e293892d51b1fea7b&user_id=62454421@N04&format=json&jsoncallback=?", function (data) { |
| - | } | + | var list = $("<ul></ul>"); |
| | + | $.each(data.photosets.photoset, function (i, set) { |
| | + | var link = $("<a/>").attr("title", set.description._content) |
| | + | .attr("href", "http://www.flickr.com/photos/mjryall/sets/" + set.id) |
| | + | .text(set.title._content); |
| | + | var li = $("<li/>").append(link).append(" (" + set.photos + ")"); |
| | + | $(list).append(li); |
| | + | }); |
| | + | $("#flickr-sets").append(list); |
| | + | }); |
| | </script> | | </script> |
| - | <script type="text/javascript" language="javascript" src="http://api.flickr.com/services/rest/?format=json&method=flickr.photos.search&user_id=62454421@N04&api_key=196a1e36e877b61e293892d51b1fea7b&count=5"></script>
| |
| - | </div>
| |
| | </html> | | </html> |
"
