Team:Goettingen/Team/Gallery

From 2013.igem.org

(Difference between revisions)
 
(94 intermediate revisions not shown)
Line 1: Line 1:
-
{{:Team:Goettingen/templates/header}}
+
{{:Team:Goettingen/templates/headerGray}}
<html>
<html>
<script>
<script>
Line 7: Line 7:
     document.body.style.height = '100%';
     document.body.style.height = '100%';
})
})
 +
</script>
</script>
-
</html>
+
 
-
<html>
+
</div><!--close header-->
</div><!--close header-->
<br />
<br />
-
</html>
+
<img src="https://static.igem.org/mediawiki/2013/6/66/Goe-qNav.png" style="position: fixed;z-index: 199;bottom: 11%;right: 2.5%;_position: absolute;_top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);cursor: pointer;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;-filter: alpha(opacity = 50 );" onclick="toggle(this.nextElementSibling || getnextElementSibling(this))" />
-
<html>
+
<div style="position: fixed;z-index: 199;bottom: 19%;right: 2.5%;_position: absolute;_top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);cursor: pointer;display:none;background: #fff;border: 1px solid #A3A3A3;padding: 20px;
 +
border-radius: 5px;">
 +
<b>Gallery</b><br />
 +
<ul>
 +
<li><a href="/Team:Goettingen/Team/Gallery#In_the_lab" title="Team:Goettingen/Team/Gallery">In the lab</a></li>
 +
<li><a href="/Team:Goettingen/Team/Gallery#BMBF_congress_in_Berlin" title="Team:Goettingen/Team/Gallery">In Berlin</a></li>
 +
<li><a href="/Team:Goettingen/Team/Gallery#Panel_discussion" title="Team:Goettingen/Team/Gallery">Panel discussion</a></li>
 +
<li><a href="/Team:Goettingen/Team/Gallery#In_Groningen" title="Team:Goettingen/Team/Gallery">In Groningen</a></li>
 +
<li><a href="/Team:Goettingen/Team/Gallery#In_Lyon" title="Team:Goettingen/Team/Gallery">In Lyon</a></li>
 +
</ul>
 +
</div>
 +
 
<div id="body">
<div id="body">
<div class="f-box">
<div class="f-box">
Line 21: Line 32:
         <div id="nav">
         <div id="nav">
</html>
</html>
-
===Navigation:===
+
{{:Team:Goettingen/templates/navTeam}}
-
*[[Team:Goettingen/Team|Our Team]]
+
-
**[[Team:Goettingen/Team/Instructors|Instructors]]
+
-
**[[Team:Goettingen/Team/Students|Students]]
+
-
*<span style="color:#4a7ebb">Gallery</span>
+
-
*[[Team:Goettingen/Team/Sponsors|Sponsors]]
+
===&nbsp;===
===&nbsp;===
<html>
<html>
Line 42: Line 48:
alb = [];
alb = [];
alb[0] = []; // lab的相册
alb[0] = []; // lab的相册
-
for(j=0;j<=2;j++){
+
for(j=0;j<=15;j++){
     alb[0][j] = []; //相册每张照片
     alb[0][j] = []; //相册每张照片
      
      
Line 48: Line 54:
alb[0][0].src = 'https://static.igem.org/mediawiki/2013/f/f0/IMG_3878.JPG';
alb[0][0].src = 'https://static.igem.org/mediawiki/2013/f/f0/IMG_3878.JPG';
-
alb[0][1].src = 'https://static.igem.org/mediawiki/2013/f/ff/Goe-garllery-lab0.JPG';
 
-
alb[0][2].src = 'https://static.igem.org/mediawiki/2013/d/d0/Goe-gallery-lab2.jpg';
 
-
 
alb[0][0].thum  = 'https://static.igem.org/mediawiki/2013/thumb/f/f0/IMG_3878.JPG/120px-IMG_3878.JPG';
alb[0][0].thum  = 'https://static.igem.org/mediawiki/2013/thumb/f/f0/IMG_3878.JPG/120px-IMG_3878.JPG';
-
alb[0][1].thum  = 'https://static.igem.org/mediawiki/2013/thumb/f/ff/Goe-garllery-lab0.JPG/120px-Goe-garllery-lab0.JPG';
 
-
alb[0][2].thum  = 'https://static.igem.org/mediawiki/2013/thumb/d/d0/Goe-gallery-lab2.jpg/120px-Goe-gallery-lab2.jpg';
 
-
 
alb[0][0].txt = 'Really nice weather';
alb[0][0].txt = 'Really nice weather';
 +
 +
alb[0][1].src = 'https://static.igem.org/mediawiki/2013/f/ff/Goe-garllery-lab0.JPG';
 +
alb[0][1].thum  = 'https://static.igem.org/mediawiki/2013/thumb/f/ff/Goe-garllery-lab0.JPG/120px-Goe-garllery-lab0.JPG';
alb[0][1].txt = 'We follow the protocol';
alb[0][1].txt = 'We follow the protocol';
 +
 +
alb[0][2].src = 'https://static.igem.org/mediawiki/2013/d/d0/Goe-gallery-lab2.jpg';
 +
alb[0][2].thum  = 'https://static.igem.org/mediawiki/2013/thumb/d/d0/Goe-gallery-lab2.jpg/120px-Goe-gallery-lab2.jpg';
alb[0][2].txt = 'We discuss our progress every week';
alb[0][2].txt = 'We discuss our progress every week';
-
for(j=0;j<=2;j++){
+
alb[0][3].src = 'https://static.igem.org/mediawiki/2013/b/b3/Goe-c-di-AMP.jpg';
-
   document.write('<img src=" '+ alb[0][j].thum + '" onclick="showGarPic(alb[0]['+ j + '].src,alb[0]['+j+'].txt,0)" style="margin-right:15px;cursor:pointer" />');
+
alb[0][3].thum  = 'https://static.igem.org/mediawiki/2013/thumb/b/b3/Goe-c-di-AMP.jpg/120px-Goe-c-di-AMP.jpg';
 +
alb[0][3].txt = 'c-di-AMP in green coli';
 +
 
 +
alb[0][4].src = 'https://static.igem.org/mediawiki/2013/d/d0/Goe-diffraction_pattern.jpg';
 +
alb[0][4].thum = 'https://static.igem.org/mediawiki/2013/thumb/d/d0/Goe-diffraction_pattern.jpg/120px-Goe-diffraction_pattern.jpg';
 +
alb[0][4].txt = 'Diffraction pattern of DAC';
 +
 
 +
 
 +
alb[0][5].src = 'https://static.igem.org/mediawiki/2013/a/aa/Goe-lab_%283%29.JPG';
 +
alb[0][5].thum = 'https://static.igem.org/mediawiki/2013/thumb/a/aa/Goe-lab_%283%29.JPG/120px-Goe-lab_%283%29.JPG';
 +
alb[0][5].txt = 'Our daily gel';
 +
 
 +
alb[0][6].src = 'https://static.igem.org/mediawiki/2013/1/1a/Goe-lab_%288%29.JPG';
 +
alb[0][6].thum = 'https://static.igem.org/mediawiki/2013/thumb/1/1a/Goe-lab_%288%29.JPG/120px-Goe-lab_%288%29.JPG';
 +
alb[0][6].txt = 'Hands full.';
 +
 
 +
alb[0][7].src = 'https://static.igem.org/mediawiki/2013/2/20/Goe-lab%289%29.JPG';
 +
alb[0][7].thum = 'https://static.igem.org/mediawiki/2013/thumb/2/20/Goe-lab%289%29.JPG/120px-Goe-lab%289%29.JPG';
 +
alb[0][7].txt = 'I am looking at nowhere.';
 +
 
 +
alb[0][8].src = 'https://static.igem.org/mediawiki/2013/thumb/f/f8/Goe-lab%2810%29.JPG/800px-Goe-lab%2810%29.JPG';
 +
alb[0][8].thum = 'https://static.igem.org/mediawiki/2013/thumb/f/f8/Goe-lab%2810%29.JPG/120px-Goe-lab%2810%29.JPG';
 +
alb[0][8].txt = 'It is never easy to get a good picture.';
 +
 
 +
alb[0][9].src='https://static.igem.org/mediawiki/2013/f/f0/Goe-lab%2811%29.JPG';
 +
alb[0][9].thum='https://static.igem.org/mediawiki/2013/thumb/f/f0/Goe-lab%2811%29.JPG/120px-Goe-lab%2811%29.JPG';
 +
alb[0][9].txt = 'Shaker.'
 +
 
 +
alb[0][10].src = 'https://static.igem.org/mediawiki/2013/e/ee/Goe-lab_%281%29.JPG';
 +
alb[0][10].thum = 'https://static.igem.org/mediawiki/2013/thumb/e/ee/Goe-lab_%281%29.JPG/80px-Goe-lab_%281%29.JPG';
 +
alb[0][10].txt = 'Sweet!';
 +
 
 +
alb[0][11].src = 'https://static.igem.org/mediawiki/2013/c/c9/Goe-lab_%282%29.JPG';
 +
alb[0][11].thum = 'https://static.igem.org/mediawiki/2013/thumb/c/c9/Goe-lab_%282%29.JPG/80px-Goe-lab_%282%29.JPG';
 +
alb[0][11].txt = 'Our spectrophotometer is shining good';
 +
 
 +
alb[0][12].src = 'https://static.igem.org/mediawiki/2013/9/92/Goe-lab_%284%29.JPG';
 +
alb[0][12].thum = 'https://static.igem.org/mediawiki/2013/thumb/9/92/Goe-lab_%284%29.JPG/80px-Goe-lab_%284%29.JPG';
 +
alb[0][12].txt = 'We should install a search engine on our freezer';
 +
 
 +
alb[0][13].src = 'https://static.igem.org/mediawiki/2013/c/c4/Goe-lab_%285%29.JPG';
 +
alb[0][13].thum = 'https://static.igem.org/mediawiki/2013/thumb/c/c4/Goe-lab_%285%29.JPG/80px-Goe-lab_%285%29.JPG';
 +
alb[0][13].txt = 'He is pointing at the gas pipe.';
 +
 
 +
alb[0][14].src = 'https://static.igem.org/mediawiki/2013/f/f7/Goe-lab_%286%29.JPG';
 +
alb[0][14].thum = 'https://static.igem.org/mediawiki/2013/thumb/f/f7/Goe-lab_%286%29.JPG/80px-Goe-lab_%286%29.JPG';
 +
alb[0][14].txt = 'Nice watch.';
 +
 
 +
alb[0][15].src = 'https://static.igem.org/mediawiki/2013/7/70/Goe-lab_%287%29.JPG';
 +
alb[0][15].thum = 'https://static.igem.org/mediawiki/2013/thumb/7/70/Goe-lab_%287%29.JPG/80px-Goe-lab_%287%29.JPG';
 +
alb[0][15].txt = 'Funny bugs';
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
for(j=0;j<=15;j++){
 +
   document.write('<img src=" '+ alb[0][j].thum + '" onclick="showGarPic(alb[0]['+ j + '].src,alb[0]['+j+'].txt,0)" style="margin-right:15px;cursor:pointer;margin-top:30px;border: 5px #eee solid;vertical-align:top" />');
}
}
 +
</script>
 +
<br />
 +
<br />
 +
</html>
 +
===BMBF congress in Berlin===
 +
<html>
 +
<script>
 +
alb[1] = []; // lab的相册
 +
for(j=0;j<=14;j++){
 +
    alb[1][j] = []; //相册每张照片
 +
    alb[1][j].txt = '';
 +
   
 +
}
 +
alb[1][0].src = 'https://static.igem.org/mediawiki/2013/f/f1/Goe-berlin_%281%29.JPG';
 +
alb[1][0].thum = 'https://static.igem.org/mediawiki/2013/thumb/f/f1/Goe-berlin_%281%29.JPG/120px-Goe-berlin_%281%29.JPG';
 +
alb[1][1].src = 'https://static.igem.org/mediawiki/2013/4/44/Goe-berlin_%282%29.JPG';
 +
alb[1][1].thum = 'https://static.igem.org/mediawiki/2013/thumb/4/44/Goe-berlin_%282%29.JPG/120px-Goe-berlin_%282%29.JPG';
 +
alb[1][2].src = 'https://static.igem.org/mediawiki/2013/b/b2/Goe-berlin_%283%29.JPG';
 +
alb[1][2].thum = 'https://static.igem.org/mediawiki/2013/thumb/b/b2/Goe-berlin_%283%29.JPG/120px-Goe-berlin_%283%29.JPG';
 +
alb[1][3].src = 'https://static.igem.org/mediawiki/2013/e/e6/Goe-berlin_%284%29.JPG';
 +
alb[1][3].thum = 'https://static.igem.org/mediawiki/2013/thumb/e/e6/Goe-berlin_%284%29.JPG/120px-Goe-berlin_%284%29.JPG';
 +
 +
alb[1][4].src = 'https://static.igem.org/mediawiki/2013/9/92/Goe-berlin_%285%29.JPG';
 +
alb[1][4].thum = 'https://static.igem.org/mediawiki/2013/thumb/9/92/Goe-berlin_%285%29.JPG/120px-Goe-berlin_%285%29.JPG';
 +
 +
alb[1][5].src = 'https://static.igem.org/mediawiki/2013/6/6d/Goe-berlin_%286%29.JPG';
 +
alb[1][5].thum = 'https://static.igem.org/mediawiki/2013/thumb/6/6d/Goe-berlin_%286%29.JPG/120px-Goe-berlin_%286%29.JPG';
 +
 +
alb[1][6].src = 'https://static.igem.org/mediawiki/2013/9/9e/Goe-berlin_%287%29.JPG';
 +
alb[1][6].thum = 'https://static.igem.org/mediawiki/2013/thumb/9/9e/Goe-berlin_%287%29.JPG/120px-Goe-berlin_%287%29.JPG';
 +
 +
alb[1][7].src = 'https://static.igem.org/mediawiki/2013/d/d6/Goe-berlin_%288%29.JPG';
 +
alb[1][7].thum = 'https://static.igem.org/mediawiki/2013/thumb/d/d6/Goe-berlin_%288%29.JPG/120px-Goe-berlin_%288%29.JPG';
 +
 +
alb[1][8].src = 'https://static.igem.org/mediawiki/2013/f/fb/Goe-berlin_%289%29.JPG';
 +
alb[1][8].thum = 'https://static.igem.org/mediawiki/2013/thumb/f/fb/Goe-berlin_%289%29.JPG/120px-Goe-berlin_%289%29.JPG';
 +
 +
alb[1][9].src = 'https://static.igem.org/mediawiki/2013/d/da/Goe-berlin_%2810%29.JPG';
 +
alb[1][9].thum = 'https://static.igem.org/mediawiki/2013/thumb/d/da/Goe-berlin_%2810%29.JPG/120px-Goe-berlin_%2810%29.JPG';
 +
 +
alb[1][10].src = 'https://static.igem.org/mediawiki/2013/0/08/Goe-berlin_%2811%29.JPG';
 +
alb[1][10].thum = 'https://static.igem.org/mediawiki/2013/thumb/0/08/Goe-berlin_%2811%29.JPG/120px-Goe-berlin_%2811%29.JPG';
 +
 +
alb[1][11].src = 'https://static.igem.org/mediawiki/2013/c/c5/Goe-berlin_%2812%29.JPG';
 +
alb[1][11].thum = 'https://static.igem.org/mediawiki/2013/thumb/c/c5/Goe-berlin_%2812%29.JPG/120px-Goe-berlin_%2812%29.JPG';
 +
 +
alb[1][12].src = 'https://static.igem.org/mediawiki/2013/b/bf/Goe-berlin_%2813%29.JPG';
 +
alb[1][12].thum = 'https://static.igem.org/mediawiki/2013/thumb/b/bf/Goe-berlin_%2813%29.JPG/120px-Goe-berlin_%2813%29.JPG';
 +
 +
alb[1][13].src = 'https://static.igem.org/mediawiki/2013/8/81/Goe-berlin_%2814%29.JPG';
 +
alb[1][13].thum = 'https://static.igem.org/mediawiki/2013/thumb/8/81/Goe-berlin_%2814%29.JPG/120px-Goe-berlin_%2814%29.JPG';
 +
 +
alb[1][14].src = 'https://static.igem.org/mediawiki/2013/0/0c/Goe-berlin_%2815%29.JPG';
 +
alb[1][14].thum = 'https://static.igem.org/mediawiki/2013/thumb/0/0c/Goe-berlin_%2815%29.JPG/80px-Goe-berlin_%2815%29.JPG';
 +
 +
for(j=0;j<=14;j++){
 +
  document.write('<img src=" '+ alb[1][j].thum + '" onclick="showGarPic(alb[1]['+ j + '].src,alb[1]['+j+'].txt,1)" style="margin-right:15px;cursor:pointer;margin-top:30px;border: 5px #eee solid;vertical-align:top"  />');
 +
}
</script>
</script>
</div>
</div>
 +
</html>
 +
 +
===Panel discussion===
 +
<html>
 +
<script>
 +
alb[2] = []; // lab的相册
 +
for(j=0;j<=6;j++){
 +
    alb[2][j] = []; //相册每张照片
 +
    alb[2][j].txt = '';
 +
   
 +
}
 +
 +
alb[2][0].src = 'https://static.igem.org/mediawiki/2013/d/d3/Goe-Nina_Survey.jpg';
 +
alb[2][0].thum = 'https://static.igem.org/mediawiki/2013/thumb/d/d3/Goe-Nina_Survey.jpg/120px-Goe-Nina_Survey.jpg';
 +
alb[2][0].txt = 'Nina filming the survey: great Camera Women is she!';
 +
 +
alb[2][1].src = 'https://static.igem.org/mediawiki/2013/6/63/Goe-Survey.JPG';
 +
alb[2][1].thum = 'https://static.igem.org/mediawiki/2013/thumb/6/63/Goe-Survey.JPG/120px-Goe-Survey.JPG';
 +
alb[2][1].txt = 'Sam conducting the survey;'
 +
 +
alb[2][2].src="https://static.igem.org/mediawiki/2013/4/43/Goe-panelDiscussion-1.png";
 +
alb[2][2].thum="https://static.igem.org/mediawiki/2013/thumb/4/43/Goe-panelDiscussion-1.png/120px-Goe-panelDiscussion-1.png";
 +
alb[2][2].txt="Just before the Panel discussion.";
 +
 +
alb[2][3].src = 'https://static.igem.org/mediawiki/2013/4/4e/Goe-Panel_Discussion_2.JPG';
 +
alb[2][3].thum = 'https://static.igem.org/mediawiki/2013/thumb/4/4e/Goe-Panel_Discussion_2.JPG/120px-Goe-Panel_Discussion_2.JPG';
 +
alb[2][3].txt = 'Panel discussion ongoing';
 +
 +
alb[2][4].thum="https://static.igem.org/mediawiki/2013/thumb/6/63/Goe-panelDiscussion-2.png/120px-Goe-panelDiscussion-2.png";
 +
alb[2][4].src="https://static.igem.org/mediawiki/2013/6/63/Goe-panelDiscussion-2.png";
 +
alb[2][4].txt="New team made after the panel discussion, with our T-shirts";
 +
 +
alb[2][5].src = 'https://static.igem.org/mediawiki/2013/c/c0/Goe-Panel_Discussion_3.JPG';
 +
alb[2][5].thum = 'https://static.igem.org/mediawiki/2013/thumb/c/c0/Goe-Panel_Discussion_3.JPG/120px-Goe-Panel_Discussion_3.JPG';
 +
alb[2][5].txt = 'After Panel discussion, we had a great time together.';
 +
 +
alb[2][6].src = 'https://static.igem.org/mediawiki/2013/4/4e/Goe-panel_Discussion_1.JPG';
 +
alb[2][6].thum = 'https://static.igem.org/mediawiki/2013/thumb/4/4e/Goe-panel_Discussion_1.JPG/120px-Goe-panel_Discussion_1.JPG';
 +
alb[2][6].txt = 'Get-together after the Panel discussion at Kartoffelhaus';
 +
 +
for(j=0;j<=6;j++){
 +
  document.write('<img src=" '+ alb[2][j].thum + '" onclick="showGarPic(alb[2]['+ j + '].src,alb[2]['+j+'].txt,2)" style="margin-right:15px;cursor:pointer;margin-top:30px;border: 5px #eee solid;vertical-align:top"  />');
 +
}
 +
 +
</script>
 +
</html>
 +
 +
===In Groningen===
 +
<html>
 +
<script>
 +
alb[3] = []; // lab的相册
 +
for(j=0;j<=6;j++){
 +
    alb[3][j] = []; //相册每张照片
 +
    alb[3][j].txt = '';
 +
}
 +
 +
 +
alb[3][0].src = 'https://static.igem.org/mediawiki/2013/7/7b/Goe-groningen_1.JPG';
 +
alb[3][0].thum = 'https://static.igem.org/mediawiki/2013/thumb/7/7b/Goe-groningen_1.JPG/120px-Goe-groningen_1.JPG';
 +
alb[3][0].txt = 'Groningen Team and our array team!';
 +
 +
alb[3][1].src = 'https://static.igem.org/mediawiki/2013/5/50/Goe-groningen_2.JPG';
 +
alb[3][1].thum = 'https://static.igem.org/mediawiki/2013/thumb/5/50/Goe-groningen_2.JPG/120px-Goe-groningen_2.JPG';
 +
alb[3][1].txt = 'Collaboration with Team Groningen';
 +
 +
alb[3][2].src = 'https://static.igem.org/mediawiki/2013/b/b9/Groningen_3.JPG';
 +
alb[3][2].thum = 'https://static.igem.org/mediawiki/2013/thumb/b/b9/Groningen_3.JPG/120px-Groningen_3.JPG';
 +
 +
alb[3][3].thum = "https://static.igem.org/mediawiki/2013/thumb/6/6f/Goe-groningen-6.jpg/120px-Goe-groningen-6.jpg"
 +
alb[3][3].src = "https://static.igem.org/mediawiki/2013/6/6f/Goe-groningen-6.jpg";
 +
alb[3][3].txt = "Ze Germanz";
 +
 +
alb[3][4].thum = "https://static.igem.org/mediawiki/2013/thumb/c/c5/Goe-geoningen-5.jpg/90px-Goe-geoningen-5.jpg";
 +
alb[3][4].src = "https://static.igem.org/mediawiki/2013/c/c5/Goe-geoningen-5.jpg";
 +
alb[3][4].txt = "On our way to Groningen!";
 +
 +
 +
 +
alb[3][5].thum = "https://static.igem.org/mediawiki/2013/thumb/e/ed/Goe-groningen-7.jpg/90px-Goe-groningen-7.jpg";
 +
alb[3][5].src = "https://static.igem.org/mediawiki/2013/e/ed/Goe-groningen-7.jpg";
 +
alb[3][5].txt = "Shitty weather in Groningen. Petrus gave us a lovely welcome!";
 +
 +
 +
 +
alb[3][6].thum = "https://static.igem.org/mediawiki/2013/thumb/f/f5/Groningen_4.jpg/90px-Groningen_4.jpg";
 +
alb[3][6].src = "https://static.igem.org/mediawiki/2013/f/f5/Groningen_4.jpg";
 +
alb[3][6].txt = "Plans have changed. Sunny weather = no labwork!";
 +
 +
for(j=0;j<=6;j++){
 +
  document.write('<img src=" '+ alb[3][j].thum + '" onclick="showGarPic(alb[3]['+ j + '].src,alb[3]['+j+'].txt,3)" style="margin-right:15px;cursor:pointer;margin-top:30px;border: 5px #eee solid;vertical-align:top"  />');
 +
}
 +
</script>
 +
</html>
 +
 +
<br />
 +
===In Lyon===
 +
<html>
 +
<script>
 +
alb[4] = []; // lab的相册
 +
for(j=0;j<=9;j++){
 +
    alb[4][j] = []; //相册每张照片
 +
    alb[4][j].txt = '';
 +
}
 +
 +
 +
alb[4][0].src = 'https://static.igem.org/mediawiki/2013/2/22/Goe-lyon-1.JPG';
 +
alb[4][0].thum = 'https://static.igem.org/mediawiki/2013/thumb/2/22/Goe-lyon-1.JPG/120px-Goe-lyon-1.JPG';
 +
alb[4][0].txt = '';
 +
 +
alb[4][1].src = 'https://static.igem.org/mediawiki/2013/3/30/Goe-lyon-2.JPG';
 +
alb[4][1].thum = 'https://static.igem.org/mediawiki/2013/thumb/3/30/Goe-lyon-2.JPG/120px-Goe-lyon-2.JPG';
 +
alb[4][1].txt = '';
 +
 +
alb[4][2].src = 'https://static.igem.org/mediawiki/2013/3/31/Goe-lyon-3.JPG';
 +
alb[4][2].thum = 'https://static.igem.org/mediawiki/2013/thumb/3/31/Goe-lyon-3.JPG/120px-Goe-lyon-3.JPG';
 +
 +
alb[4][3].src = "https://static.igem.org/mediawiki/2013/2/25/Goe-lyon-4.JPG"
 +
alb[4][3].thum = "https://static.igem.org/mediawiki/2013/thumb/2/25/Goe-lyon-4.JPG/120px-Goe-lyon-4.JPG";
 +
alb[4][3].txt = "";
 +
 +
alb[4][4].thum = "https://static.igem.org/mediawiki/2013/thumb/1/1b/Goe-lyon-5.JPG/120px-Goe-lyon-5.JPG";
 +
alb[4][4].src = "https://static.igem.org/mediawiki/2013/1/1b/Goe-lyon-5.JPG";
 +
alb[4][4].txt = "";
 +
 +
 +
 +
alb[4][5].thum = "https://static.igem.org/mediawiki/2013/thumb/d/d6/Goe-lyon-6.JPG/120px-Goe-lyon-6.JPG";
 +
alb[4][5].src = "https://static.igem.org/mediawiki/2013/d/d6/Goe-lyon-6.JPG";
 +
alb[4][5].txt = "";
 +
 +
 +
 +
alb[4][6].thum = "https://static.igem.org/mediawiki/2013/thumb/b/b9/Goe-lyon-7.JPG/120px-Goe-lyon-7.JPG";
 +
alb[4][6].src = "https://static.igem.org/mediawiki/2013/b/b9/Goe-lyon-7.JPG";
 +
alb[4][6].txt = "";
 +
 +
alb[4][7].thum = "https://static.igem.org/mediawiki/2013/thumb/0/00/Goe-lyon-8.JPG/120px-Goe-lyon-8.JPG";
 +
alb[4][7].src = "https://static.igem.org/mediawiki/2013/0/00/Goe-lyon-8.JPG";
 +
alb[4][7].txt = "";
 +
 +
alb[4][8].thum = "https://static.igem.org/mediawiki/2013/thumb/b/b2/Goe-lyon-9.JPG/120px-Goe-lyon-9.JPG";
 +
alb[4][8].src = "https://static.igem.org/mediawiki/2013/b/b2/Goe-lyon-9.JPG";
 +
alb[4][8].txt = "";
 +
 +
alb[4][9].thum = "https://static.igem.org/mediawiki/2013/thumb/1/19/Goe-lyon-10.JPG/120px-Goe-lyon-10.JPG";
 +
alb[4][9].src = "https://static.igem.org/mediawiki/2013/1/19/Goe-lyon-10.JPG";
 +
alb[4][9].txt = "";
 +
 +
for(j=0;j<=9;j++){
 +
  document.write('<img src=" '+ alb[4][j].thum + '" onclick="showGarPic(alb[4]['+ j + '].src,alb[4]['+j+'].txt,4)" style="margin-right:15px;cursor:pointer;margin-top:30px;border: 5px #eee solid;vertical-align:top"  />');
 +
}
 +
</script>
</html>
</html>
Line 75: Line 352:
<html>
<html>
<a href="/Team:Goettingen/Team/Students" class="moreinfo fl"><b>Previous</b></a>
<a href="/Team:Goettingen/Team/Students" class="moreinfo fl"><b>Previous</b></a>
-
<a href="/Team:Goettingen/Team/Sponsors" class="moreinfo fr"><b>Next</b></a>
+
<a href="/Team:Goettingen/NoteBook/Acknowlegement" class="moreinfo fr"><b>Next</b></a>
<br /><br />
<br /><br />
-
 
</div><!--close col-right-->
</div><!--close col-right-->
<script>
<script>
if(navigator.appName.substring(0,1) == 'M') {document.body.style.position = 'absolute';}
if(navigator.appName.substring(0,1) == 'M') {document.body.style.position = 'absolute';}
 +
currentAlb = 0;
//lightbox骨架
//lightbox骨架
Line 100: Line 377:
//显示图片框
//显示图片框
showbox = document.createElement('div');
showbox = document.createElement('div');
 +
showbox.id = 'showbox';
with(showbox.style){
with(showbox.style){
   position = 'relative';
   position = 'relative';
Line 105: Line 383:
   marginRight = 'auto';
   marginRight = 'auto';
   top = '50px';
   top = '50px';
-
   display = 'block';
+
   display = 'none';
   }
   }
lightframe.insertBefore(showbox,null);
lightframe.insertBefore(showbox,null);
Line 120: Line 398:
//图片
//图片
garPic = document.createElement('img');
garPic = document.createElement('img');
 +
garPic.id = 'garPic';
with(garPic.style){
with(garPic.style){
   position = 'relative';
   position = 'relative';
Line 146: Line 425:
}
}
lightframe.insertBefore(bkgbox,showbox);
lightframe.insertBefore(bkgbox,showbox);
-
bkgbox.onclick = function(){garPic.src = '';document.body.removeChild(lightframe);document.body.style.overflow = 'auto';}
+
bkgbox.onclick = function(){garPic.src = '';showbox.style.display = 'none'; document.body.removeChild(lightframe);document.body.style.overflow = 'auto';}
//关闭按钮
//关闭按钮
Line 174: Line 453:
                                                       MozOpacity = '0.2';
                                                       MozOpacity = '0.2';
                                                       KhtmlOpacity = '0.2';}}
                                                       KhtmlOpacity = '0.2';}}
-
closebtn.onclick = function(){garPic.src = '';document.body.removeChild(lightframe);document.body.style.overflow = 'auto';}
+
closebtn.onclick = function(){garPic.src = '';showbox.style.display = 'none'; document.body.removeChild(lightframe);document.body.style.overflow = 'auto';}
Line 211: Line 490:
};
};
showbox.insertBefore(prefoto,closebtn);
showbox.insertBefore(prefoto,closebtn);
-
 
+
prefoto.onclick = go2left;
//下一图片按钮
//下一图片按钮
Line 223: Line 502:
}
}
showbox.insertBefore(nextfoto,closebtn);
showbox.insertBefore(nextfoto,closebtn);
 +
nextfoto.onclick = go2right;
-
 
+
function adjustSize(){
-
function showGarPic(from,illustration,alb){
+
   ration = garPic.height/garPic.width;
-
   garPic.src = from;
+
   adHeight = $(window).height()*0.8;
   adHeight = $(window).height()*0.8;
   adWidth = $(window).width()*0.8;
   adWidth = $(window).width()*0.8;
-
  setTimeout(function(){
+
  ratio = garPic.height/garPic.width;
-
  ratio = garPic.height/garPic.width;
+
   if( garPic.height/garPic.width > adHeight/adWidth) {garPic.style.height = adHeight + 'px';
   if( garPic.height/garPic.width > adHeight/adWidth) {garPic.style.height = adHeight + 'px';
                                                       garPic.style.width = adHeight/ratio + 'px';}  
                                                       garPic.style.width = adHeight/ratio + 'px';}  
-
   else {garPic.style.width = adWidth + 'px';
+
   if( garPic.height/garPic.width < adHeight/adWidth) {garPic.style.width = adWidth + 'px';         }  
-
        garPic.style.height = 'auto';}  
+
-
  description.innerHTML = illustration;
+
-
  document.body.style.overflow = 'hidden';
+
-
  document.body.insertBefore(lightframe,document.body.childNodes[0]);
+
   showbox.style.width = garPic.style.width;
   showbox.style.width = garPic.style.width;
-
  finWidth = Number(garPic.style.width.substring(0,garPic.style.width.length - 2));
 
-
  showbox.style.marginLeft = ($(window).width() - finWidth)/2 + 'px';
 
-
  closebtn.style.right = '0px';
 
-
  lightframe.style.left = '0px';
 
   prefoto.style.top = (garPic.height - prefoto.height)/2 + 'px';
   prefoto.style.top = (garPic.height - prefoto.height)/2 + 'px';
   nextfoto.style.top = (garPic.height - prefoto.height)/2 + 'px';
   nextfoto.style.top = (garPic.height - prefoto.height)/2 + 'px';
-
   },100);
+
   showbox.style.marginLeft = ($(window).width() - garPic.width)/2 + 'px';
-
}
+
  closebtn.style.right = '0px';
 +
  lightframe.style.left = '0px';
 +
}
 +
function finalize(){
 +
garPic.style.height = '';
 +
garPic.style.width = '';
 +
prefoto.style.top = '';
 +
nextfoto.style.top = '';
 +
garPic.style.marginLeft = '';
 +
}
 +
 +
 +
 +
function showGarPic(from,illustration,alb){
 +
  finalize();
 +
  currentAlb = alb;
 +
  garPic.src = from;
 +
  description.innerHTML = illustration;
 +
  adHeight = $(window).height()*0.8;
 +
  adWidth = $(window).width()*0.8;
 +
  lightframe.style.top = window.scrollY + 'px'
 +
  adjustSize();
 +
  document.body.style.overflow = 'hidden';
 +
  document.body.insertBefore(lightframe,document.body.childNodes[0]);
 +
  loading();
 +
}
-
function go2left(f){
+
function go2left(){
 +
  var f = currentAlb;
   for(j=0;j<alb[f].length;j++){ if (garPic.src == alb[f][j].src) break;}
   for(j=0;j<alb[f].length;j++){ if (garPic.src == alb[f][j].src) break;}
   if(j == 0) {   
   if(j == 0) {   
Line 257: Line 553:
                           lightframe.insertBefore(otheralb,showbox);
                           lightframe.insertBefore(otheralb,showbox);
                           otheralb.innerHTML = 'Click to go to previous album';  
                           otheralb.innerHTML = 'Click to go to previous album';  
-
                           otheralb.onclick = function(){  
+
                           otheralb.onclick = function(){ currentAlb--;
-
                                                           garPic.src = alb[f-1][0].src;  
+
                                                          $('#showbox').fadeOut(300,function(){
-
                                                           description.innerHTML = alb[f-1][0].txt;  
+
                                                          loading();
-
                                                           goleft.onclick = 'go2left('+ f-1 +')'
+
                                                           garPic.src = alb[f-1][alb[f-1].length-1].src;  
 +
                                                           description.innerHTML = alb[f-1][alb[f-1].length-1].txt;  
 +
                                                           finalize();});
 +
                                                          //goleft.onclick = 'go2left('+ f-1 +')';
 +
                                                         
                                                           }; }}
                                                           }; }}
   else{
   else{
-
  garPic.src = alb[f][j-1].src;
+
$('#showbox').fadeOut(300,function(){
-
  description.innerHTML = alb[f][j-1].txt;}
+
                loading();
-
 
+
garPic.src = alb[f][j-1].src;
 +
description.innerHTML = alb[f][j-1].txt;
 +
finalize();
 +
 +
 +
 +
});
 +
 +
}
 +
 
}
}
-
function go2right(f){
+
function loading(){
 +
    otheralb.innerHTML = 'Loading';
 +
    otheralb.onclick=function(){};
 +
    lightframe.insertBefore(otheralb,showbox);
 +
}
 +
 +
function go2right(){
 +
  var f = currentAlb;
 +
 
   for(j=0;j<alb[f].length;j++){ if (garPic.src == alb[f][j].src) break;}
   for(j=0;j<alb[f].length;j++){ if (garPic.src == alb[f][j].src) break;}
   if(j == alb[f].length - 1) {   
   if(j == alb[f].length - 1) {   
Line 275: Line 592:
                                 lightframe.insertBefore(otheralb,showbox);
                                 lightframe.insertBefore(otheralb,showbox);
                                 otheralb.innerHTML = 'Click to go to next album';  
                                 otheralb.innerHTML = 'Click to go to next album';  
-
                                 otheralb.onclick = function(){  
+
                                 otheralb.onclick = function(){ currentAlb++;
 +
                                                              $('#showbox').fadeOut(300,function(){
 +
                                                                loading();
                                                               garPic.src = alb[f+1][0].src;  
                                                               garPic.src = alb[f+1][0].src;  
-
                                                               description.innerHTML = alb[f+1][0].txt;  
+
                                                               description.innerHTML = alb[f+1][0].txt;
 +
                                                              finalize(); });
                                                               //goleft.onclick = 'go2left('+ f+1 +')';
                                                               //goleft.onclick = 'go2left('+ f+1 +')';
                                                               lightframe.removeChild(otheralb);
                                                               lightframe.removeChild(otheralb);
Line 284: Line 604:
                               }
                               }
   else{
   else{
-
          garPic.src = alb[f][j+1].src;
+
$('#showbox').fadeOut(300,function(){
-
          description.innerHTML = alb[f][j+1].txt;}
+
                loading();
-
 
+
garPic.src = alb[f][j+1].src;
 +
description.innerHTML = alb[f][j+1].txt;
 +
finalize();
 +
 +
 +
 +
});
 +
 +
}
 +
 
 +
       }
       }
 +
garPic.onload = function(){$('#showbox').fadeIn(300);adjustSize();lightframe.removeChild(otheralb);};
</script>
</script>
 +
</div>
</html>
</html>

Latest revision as of 09:24, 19 October 2013





The beast and its Achilles heel:

 A novel target to fight multi-resistant pathogenic bacteria


Gallery

In the Lab



BMBF congress in Berlin

Panel discussion

In Groningen


In Lyon

 

Previous Next

Retrieved from "http://2013.igem.org/Team:Goettingen/Team/Gallery"