Team:Bielefeld-Germany/Photos

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
{{Bielefeld_2011_Header}}
{{Bielefeld_2011_Header}}
<html>
<html>
-
<div style="text-align:center">
+
<!-- Start of Flickr Badge -->
-
<script>
+
<style type="text/css">
-
function jsonFlickrApi(rsp) {
+
.zg_div {margin:0px 5px 5px 0px; width:117px;}
-
if (rsp.stat != "ok"){
+
.zg_div_inner {border: solid 1px #000000; background-color:#ffffff;  color:#666666; text-align:center; font-family:arial, helvetica; font-size:11px;}
-
  // If this executes, something broke!
+
.zg_div a, .zg_div a:hover, .zg_div a:visited {color:#cfdeff; background:inherit !important; text-decoration:none !important;}
-
  return;
+
</style>
-
}
+
<script type="text/javascript">
-
+
zg_insert_badge = function() {
-
//variable "s" is going to contain
+
var zg_bg_color = 'ffffff';
-
//all the markup that is generated by the loop below
+
var zgi_url = 'http://www.flickr.com/apps/badge/badge_iframe.gne?zg_bg_color='+zg_bg_color+'&zg_person_id=62454421%40N04&zg_set_id=72157626953404981&zg_context=in%2Fset-72157626953404981%2F';
-
var s = "";
+
document.write('<iframe style="background-color:#'+zg_bg_color+'; border-color:#'+zg_bg_color+'; border:none;" width="113" height="151" frameborder="0" scrolling="no" src="'+zgi_url+'" title="Flickr Badge"><\/iframe>');
-
+
if (document.getElementById) document.write('<div id="zg_whatlink"><a href="http://www.flickr.com/badge.gne" style="color:#cfdeff;" onclick="zg_toggleWhat(); return false;">Was ist das?<\/a><\/div>');
-
//this loop runs through every item and creates HTML
+
}
-
for (var i=0; i < rsp.photos.photo.length; i++) {
+
zg_toggleWhat = function() {
-
//for (var i=0; i < 10; i++) {
+
document.getElementById('zg_whatdiv').style.display = (document.getElementById('zg_whatdiv').style.display != 'none') ? 'none' : 'block';
-
  photo = rsp.photos.photo[ i ];
+
document.getElementById('zg_whatlink').style.display = (document.getElementById('zg_whatdiv').style.display != 'none') ? 'none' : 'block';
-
 
+
return false;
-
  //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>
-
<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=10"></script>
+
<div class="zg_div"><div class="zg_div_inner"><a href="http://www.flickr.com">www.<strong style="color:#3993ff">flick<span style="color:#ff1c92">r</span></strong>.com</a><br>
 +
<script type="text/javascript">zg_insert_badge();</script>
 +
<div id="zg_whatdiv">Dies ist ein Flickr Modul mit Elementen aus dem Album <a href="http://www.flickr.com/photos/62454421@N04/sets/72157626953404981">iGEM Bielefeld 2011</a>. Ihr eigenes Modul können Sie <a href="http://www.flickr.com/badge.gne">hier</a> erstellen.</div>
 +
<script type="text/javascript">if (document.getElementById) document.getElementById('zg_whatdiv').style.display = 'none';</script>
 +
</div>
</div>
</div>
 +
<!-- End of Flickr Badge -->
</html>
</html>

Revision as of 15:04, 8 September 2011

www.flickr.com
Dies ist ein Flickr Modul mit Elementen aus dem Album iGEM Bielefeld 2011. Ihr eigenes Modul können Sie hier erstellen.

Retrieved from "http://2011.igem.org/Team:Bielefeld-Germany/Photos"