"
Team:Bielefeld-Germany/Photos
From 2011.igem.org
(Difference between revisions)
(Created page with "{{Bielefeld_2011_Header}}") |
|||
| 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 + | ||
| + | ".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); | ||
| + | //this tells the JavaScript to write | ||
| + | //everything in variable "s" onto the page | ||
| + | } | ||
| + | </script> | ||
| + | <script type="text/javascript" language="javascript" src="http://api.flickr.com/services/rest/?format=json&method=flickr.photos.search&user_id=igembielefeld&api_key=196a1e36e877b61e293892d51b1fea7b&count=5"></script> | ||
| + | </div> | ||
| + | </html> | ||
Revision as of 14:30, 8 September 2011
