Team:Goettingen/Team/Gallery

From 2013.igem.org

(Difference between revisions)
m
 
(203 intermediate revisions not shown)
Line 1: Line 1:
-
{{:Team:Goettingen/templates/header}}
+
{{:Team:Goettingen/templates/headerGray}}
<html>
<html>
<script>
<script>
   $(".team").addClass("deact");
   $(".team").addClass("deact");
-
//建立数组数据
+
//预加载图片
 +
  $(document).ready(function(){
 +
    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 18: 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 34: Line 43:
===In the Lab===
===In the Lab===
<html>
<html>
 +
<div id="gar-lab">
 +
<script>
<script>
 +
alb = [];
 +
alb[0] = []; // lab的相册
 +
for(j=0;j<=15;j++){
 +
    alb[0][j] = []; //相册每张照片
 +
   
 +
}
 +
 +
alb[0][0].src = 'https://static.igem.org/mediawiki/2013/f/f0/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][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][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][3].src = 'https://static.igem.org/mediawiki/2013/b/b3/Goe-c-di-AMP.jpg';
 +
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>
</script>
-
under construction
+
 
<br />
<br />
<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>
 +
</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 44: 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';}
 +
currentAlb = 0;
//lightbox骨架
//lightbox骨架
lightframe = document.createElement('div');
lightframe = document.createElement('div');
 +
with(lightframe.style){
with(lightframe.style){
     position = 'absolute';
     position = 'absolute';
     display = 'block';
     display = 'block';
-
     height = '100%';
+
    left = '0px';
-
     width = '100%';
+
    top = '0px';
 +
     height = $(window).height() + 'px';
 +
     width = $(window).width() + 'px';
     zIndex = '299';
     zIndex = '299';
 +
    textAlign = 'center';
}
}
//显示图片框
//显示图片框
showbox = document.createElement('div');
showbox = document.createElement('div');
 +
showbox.id = 'showbox';
with(showbox.style){
with(showbox.style){
   position = 'relative';
   position = 'relative';
-
  width = '1024px';
 
   marginLeft = 'auto';
   marginLeft = 'auto';
   marginRight = 'auto';
   marginRight = 'auto';
-
   top = '100px';}
+
   top = '50px';
-
lightframe.insertBefore(showbox,lightframe.childNodes[0]);
+
  display = 'none';
 +
  }
 +
lightframe.insertBefore(showbox,null);
 +
 
 +
//说明
 +
description = document.createElement('p');
 +
with(description.style){
 +
  color = 'white';
 +
  fontSize = '12pt';
 +
  textAlign = 'center';
 +
}
 +
showbox.insertBefore(description,null);
//图片
//图片
garPic = document.createElement('img');
garPic = document.createElement('img');
 +
garPic.id = 'garPic';
with(garPic.style){
with(garPic.style){
   position = 'relative';
   position = 'relative';
-
  width = '800px';
 
   marginLeft = 'auto';
   marginLeft = 'auto';
   marginRight = 'auto';
   marginRight = 'auto';
 +
  borderWidth = '4px';
 +
  borderColor = 'white';
}
}
-
showbox.insertBefore(garPic,showbox.childNodes[0]);
+
showbox.insertBefore(garPic,description);
-
//说明
 
-
description = document.createElement('p');
 
-
with(description.style){
 
-
  color = 'white';
 
-
  fontSize = '12pt';
 
-
}
 
-
showbox.insertBefore(description,showbox.childNodes[1]);
 
    
    
//背景框
//背景框
Line 97: Line 417:
   height = '100%';
   height = '100%';
   background = 'black';
   background = 'black';
-
   opacity = 0.8;
+
   opacity = '0.8';
 +
  filter = 'alpha(opacity = 80)';
 +
  MozOpacity = '0.8';
 +
  KhtmlOpacity = '0.8';
 +
  left = '0px';
 +
  top = '0px';
}
}
lightframe.insertBefore(bkgbox,showbox);
lightframe.insertBefore(bkgbox,showbox);
-
bkgbox.onclick = function(){document.body.removeChild(lightframe);}
+
bkgbox.onclick = function(){garPic.src = '';showbox.style.display = 'none'; document.body.removeChild(lightframe);document.body.style.overflow = 'auto';}
-
function showGarPic(from,illustration){
+
//关闭按钮
 +
closebtn = document.createElement('div');
 +
with(closebtn.style){
 +
  position = 'absolute';
 +
  top = '0';
 +
  display = 'block';
 +
  height = '40px';
 +
  width = '40px';
 +
  cursor = 'pointer';
 +
  backgroundImage = "url(https://static.igem.org/mediawiki/2013/b/bd/Close.png)";
 +
  backgroundRepeat = "no-repeat";
 +
  backgroundPosition  = 'center';
 +
  backgroundColor = "black";
 +
  opacity = '0.2';
 +
  filter = 'alpha(opacity = 20)';
 +
  MozOpacity = '0.2';
 +
  KhtmlOpacity = '0.2';
 +
}
 +
closebtn.onmouseover = function(){with(closebtn.style){opacity = '0.5'; 
 +
                                                      filter = 'alpha(opacity = 50)' ;
 +
                                                      MozOpacity = '0.5';
 +
                                                      KhtmlOpacity = '0.5';}}
 +
closebtn.onmouseout = function(){with(closebtn.style){opacity = '0.2';
 +
                                                      filter = 'alpha(opacity = 20)' ;
 +
                                                      MozOpacity = '0.2';
 +
                                                      KhtmlOpacity = '0.2';}}
 +
closebtn.onclick = function(){garPic.src = '';showbox.style.display = 'none'; document.body.removeChild(lightframe);document.body.style.overflow = 'auto';}
 +
 
 +
 
 +
showbox.insertBefore(closebtn,description);
 +
 
 +
 
 +
//上一相册
 +
otheralb = document.createElement('div');
 +
with(otheralb.style){
 +
  position = 'absolute';
 +
  zIndex = '302';
 +
  top = $(window).height()/2 + 'px';
 +
  left =  ($(window).width() - 250)/2 + 'px';
 +
  display = 'block';
 +
  fontSize = '24px';
 +
  background = 'black';
 +
  opacity = '0.8';
 +
  cursor = 'pointer';
 +
  width = '250px';
 +
  color = 'white';
 +
  padding = '10px';
 +
 
 +
}
 +
 
 +
 
 +
 
 +
//上一照片按钮
 +
prefoto = document.createElement('img');
 +
prefoto.src = 'https://static.igem.org/mediawiki/2013/b/b0/Direction.png';
 +
with(prefoto.style){
 +
  cursor = 'pointer';
 +
  position = 'absolute';
 +
  left = '-40px';
 +
  clip = 'rect(0px,84px,50px,58px)';
 +
 
 +
};
 +
showbox.insertBefore(prefoto,closebtn);
 +
prefoto.onclick = go2left;
 +
 
 +
//下一图片按钮
 +
nextfoto = document.createElement('img');
 +
nextfoto.src = 'https://static.igem.org/mediawiki/2013/b/b0/Direction.png';
 +
with(nextfoto.style){
 +
  cursor = 'pointer';
 +
  position = 'absolute';
 +
  right = '-77px';
 +
  clip = 'rect(0px,29px,50px,0px)';
 +
}
 +
showbox.insertBefore(nextfoto,closebtn);
 +
nextfoto.onclick = go2right;
 +
 
 +
 
 +
 
 +
function adjustSize(){
 +
  ration = garPic.height/garPic.width;
 +
  adHeight = $(window).height()*0.8;
 +
  adWidth = $(window).width()*0.8;
 +
  ratio = garPic.height/garPic.width;
 +
  if( garPic.height/garPic.width > adHeight/adWidth) {garPic.style.height = adHeight + 'px';
 +
                                                      garPic.style.width = adHeight/ratio + 'px';}
 +
  if( garPic.height/garPic.width < adHeight/adWidth) {garPic.style.width = adWidth + 'px';        }
 +
  showbox.style.width = garPic.style.width;
 +
  prefoto.style.top = (garPic.height - prefoto.height)/2 + 'px';
 +
  nextfoto.style.top = (garPic.height - prefoto.height)/2 + 'px';
 +
  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;
   garPic.src = from;
-
  document.body.insertBefore(lightframe,document.body.childNodes[0]);
 
   description.innerHTML = illustration;
   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(){
 +
  var f = currentAlb;
 +
  for(j=0;j<alb[f].length;j++){ if (garPic.src == alb[f][j].src) break;}
 +
  if(j == 0) { 
 +
      if(f == 0) {document.body.removeChild(lightframe);document.body.style.overflow = 'auto';} else{
 +
                          lightframe.insertBefore(otheralb,showbox);
 +
                          otheralb.innerHTML = 'Click to go to previous album';
 +
                          otheralb.onclick = function(){  currentAlb--;
 +
                                                          $('#showbox').fadeOut(300,function(){
 +
                                                          loading();
 +
                                                          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{
 +
$('#showbox').fadeOut(300,function(){
 +
                loading();
 +
garPic.src = alb[f][j-1].src;
 +
description.innerHTML = alb[f][j-1].txt;
 +
finalize();
 +
 +
 +
 +
});
 +
 +
}
 +
 
}
}
 +
 +
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;}
 +
  if(j == alb[f].length - 1) { 
 +
      if(f == alb.length - 1) {document.body.removeChild(lightframe);document.body.style.overflow = 'auto';}
 +
            else{
 +
                                lightframe.insertBefore(otheralb,showbox);
 +
                                otheralb.innerHTML = 'Click to go to next album';
 +
                                otheralb.onclick = function(){ currentAlb++;
 +
                                                              $('#showbox').fadeOut(300,function(){
 +
                                                                loading();
 +
                                                              garPic.src = alb[f+1][0].src;
 +
                                                              description.innerHTML = alb[f+1][0].txt;
 +
                                                              finalize(); });
 +
                                                              //goleft.onclick = 'go2left('+ f+1 +')';
 +
                                                              lightframe.removeChild(otheralb);
 +
                                                              };
 +
                  }
 +
                              }
 +
  else{
 +
$('#showbox').fadeOut(300,function(){
 +
                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"