@@ Line 1: / Line 1: @@
-{{:Team:Goettingen/templates/header}}
+{{:Team:Goettingen/templates/headerGray}}
 <html>
 <script>
     $(".team").addClass("deact");
-//建立数组数据
+//预加载图片
+  $(document).ready(function(){
+    document.body.style.height = '100%';
+})
 </script>
-</html>
-<html>
 </div><!--close header-->
 <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 class="f-box">
@@ Line 18: / Line 32: @@
          <div id="nav">
 </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;===
 <html>
@@ Line 34: / Line 43: @@
 ===In the Lab===
 <html>
+<div id="gar-lab">
 <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>
-<div id="gar-lab"></div>
+<br />
+<br />
+</html>
+===BMBF congress in Berlin===
+<html>
 <script>
-garLab = [];
+alb[1] = []; // lab的相册
-garLabP = [];
+for(j=0;j<=14;j++){
-garLabT = [];
+    alb[1][j] = []; //相册每张照片
-garLabP[0] = 'https://static.igem.org/mediawiki/2013/f/f0/IMG_3878.JPG';
+    alb[1][j].txt = '';
-garLabP[1] = 'https://static.igem.org/mediawiki/2013/f/ff/Goe-garllery-lab0.JPG';
-garLabP[2] = 'https://static.igem.org/mediawiki/2013/d/d0/Goe-gallery-lab2.jpg';
+}
-for(j=0;j<3;j++){
+alb[1][0].src = 'https://static.igem.org/mediawiki/2013/f/f1/Goe-berlin_%281%29.JPG';
-  garLab[j] = document.createElement('img');
+alb[1][0].thum = 'https://static.igem.org/mediawiki/2013/thumb/f/f1/Goe-berlin_%281%29.JPG/120px-Goe-berlin_%281%29.JPG';
-  with(garLab[j].style){
-     marginRight = '10px'
+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 = '';
+}
-garLab[0].src = 'https://static.igem.org/mediawiki/2013/thumb/f/f0/IMG_3878.JPG/120px-IMG_3878.JPG';
+alb[2][0].src = 'https://static.igem.org/mediawiki/2013/d/d3/Goe-Nina_Survey.jpg';
-garLab[1].src = 'https://static.igem.org/mediawiki/2013/thumb/f/ff/Goe-garllery-lab0.JPG/120px-Goe-garllery-lab0.JPG';
+alb[2][0].thum = 'https://static.igem.org/mediawiki/2013/thumb/d/d3/Goe-Nina_Survey.jpg/120px-Goe-Nina_Survey.jpg';
-garLab[2].src = 'https://static.igem.org/mediawiki/2013/thumb/d/d0/Goe-gallery-lab2.jpg/120px-Goe-gallery-lab2.jpg';
+alb[2][0].txt = 'Nina filming the survey: great Camera Women is she!';
-garlab = document.getElementById('gar-lab')
+alb[2][1].src = 'https://static.igem.org/mediawiki/2013/6/63/Goe-Survey.JPG';
-for(j=0;j<=2;j++){
+alb[2][1].thum = 'https://static.igem.org/mediawiki/2013/thumb/6/63/Goe-Survey.JPG/120px-Goe-Survey.JPG';
-  garlab.insertBefore(garLab[j],garlab.childNodes[j]);
+alb[2][1].txt = 'Sam conducting the survey;'
-  garLab[j].onclick = showGarPic(garLabP[j] + ' ',garLabT[j]+ ' ');
+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>
@@ Line 71: / Line 352: @@
 <html>
 <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 />
 </div><!--close col-right-->
 <script>
+if(navigator.appName.substring(0,1) == 'M') {document.body.style.position = 'absolute';}
+currentAlb = 0;
 //lightbox骨架
 lightframe = document.createElement('div');
 with(lightframe.style){
      position = 'absolute';
      display = 'block';
-     height = '100%';
+    left = '0px';
-     width = '100%';
+    top = '0px';
+     height = $(window).height() + 'px';
+     width = $(window).width() + 'px';
      zIndex = '299';
+    textAlign = 'center';
 }
 //显示图片框
 showbox = document.createElement('div');
+showbox.id = 'showbox';
 with(showbox.style){
     position = 'relative';
     marginLeft = 'auto';
     marginRight = 'auto';
-    top = '50px';}
+    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.id = 'garPic';
 with(garPic.style){
    position = 'relative';
-  height = '600px';
    marginLeft = '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 123: / Line 417: @@
     height = '100%';
     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);
-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';}
-showGarPic = function(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;
-   with(showbox.style){
-     width = garPic.width*(600/garPic.height) + 'px';
-     marginLeft = 'auto';
-     marginRight = 'auto';
-     }
     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>
+</div>
 </html>

Team:Goettingen/Team/Gallery

From 2013.igem.org

Latest revision as of 09:24, 19 October 2013

Contents

Navigation:

In the Lab

BMBF congress in Berlin

Panel discussion

In Groningen

In Lyon