Team:Queens Canada/Intro/Photos

From 2011.igem.org

(Difference between revisions)
 
(35 intermediate revisions not shown)
Line 1: Line 1:
{{Template:Queens_Canada/Header}}
{{Template:Queens_Canada/Header}}
 +
 +
<html>
 +
<link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:Queens_Canada/fonts?action=raw&ctype=text/css"/>
 +
<head>
 +
<body onload="runAccordion(1,125)">
 +
 +
 +
 +
</head>
 +
 +
 +
<div id="rightcontent">
 +
 +
<img align="left" style="margin-bottom:0px; width: 755px; margin-top:-3px; padding:0;" src="https://static.igem.org/mediawiki/2011/c/c3/Queens_CanadaTitlePhotoGallery.png">
 +
 +
<!--Cambridge iGEM 2010; total credit to them --!>
 +
 +
<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=63080471@N05&api_key=52566611a5be16fbbbe57f3dbe4f1fef&count=6"></script>
 +
 +
 +
 +
</div>
 +
 +
 +
 +
</html>

Latest revision as of 01:07, 10 January 2012