Team:Queens Canada/Intro/Photos
From 2011.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
{{Template:Queens_Canada/Header}} | {{Template:Queens_Canada/Header}} | ||
+ | |||
+ | <html> | ||
+ | |||
+ | <div id="rightcontent"> | ||
+ | |||
+ | <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=52129837@N08&api_key=52566611a5be16fbbbe57f3dbe4f1fef&count=5"></script> | ||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | </html> |
Revision as of 19:27, 17 June 2011
![Queen's](https://static.igem.org/mediawiki/2011/c/c6/Queens_Canada_Test2.png)
introduction
project nemo
side projects
parts
human practices
notebook
partners
extras