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