Team:Warsaw/Gallery

From 2009.igem.org

(Difference between revisions)
 
(6 intermediate revisions not shown)
Line 1: Line 1:
-
{{WarHead1}}
+
{{WarHead1|project=none|team=none|modelling=none|lab=none}}
<html>
<html>
Line 36: Line 36:
}
}
 +
#gallery_list td {valign: bottom};
</style>
</style>
Line 45: Line 46:
document.getElementById('large_image').src=thisURL;
document.getElementById('large_image').src=thisURL;
document.getElementById("image_title").innerHTML=thisTitle;
document.getElementById("image_title").innerHTML=thisTitle;
 +
 +
}
 +
 +
 +
function thumbnails(galName){
 +
 +
if (galName=='Meetings') {
 +
document.getElementById("thumbs").innerHTML = "<table><tr><td><img src=\"https://static.igem.org/mediawiki/2009/7/79/Warsaw_meeting1_thumb.jpg\" class=\"imgThumb\" alt=\"meeting\" title=\"meeting\" onClick=\"changeLargeImage('https://static.igem.org/mediawiki/2009/7/74/Warsaw_meeting1.jpg','One of the first meetings');\"></td><td><img src=\"https://static.igem.org/mediawiki/2009/d/dd/Franek_mysli_thumb.jpg\" class=\"imgThumb\" alt=\"meeting\" title=\"meeting\" onClick=\"changeLargeImage('https://static.igem.org/mediawiki/2009/5/58/Franek_mysli.jpg\','Franek is thinking...');\"></td><td><img src=\"https://static.igem.org/mediawiki/2009/2/2b/Warsaw_meeting2_thumb.jpg\" class=\"imgThumb\" alt=\"meeting\" title=\"meeting\" onClick=\"changeLargeImage('https://static.igem.org/mediawiki/2009/a/a4/Warsaw_meeting2.jpg','Another photo taken at the meeting');\"></td></tr></table>";
 +
 +
changeLargeImage('https://static.igem.org/mediawiki/2009/7/74/Warsaw_meeting1.jpg','One of the first meetings');
 +
 +
document.getElementById("gallery_name").innerHTML = "Team meetings";
 +
}
 +
 +
else if (galName=='Lab') {
 +
document.getElementById("thumbs").innerHTML = "<table><tr><td><img src=\"https://static.igem.org/mediawiki/2009/3/3b/Kuba_Marcin_thumb.jpg\" class=\"imgThumb\" alt=\"meeting\" title=\"meeting\" onClick=\"changeLargeImage('https://static.igem.org/mediawiki/2009/f/f0/Kuba_Marcin.jpg','Kuba and Marcin in the lab. Probably thinking');\"></td><td><img src=\"https://static.igem.org/mediawiki/2009/6/68/Room136_thumb.jpg\" class=\"imgThumb\" alt=\"meeting\" title=\"meeting\" onClick=\"changeLargeImage('https://static.igem.org/mediawiki/2009/9/95/Room136.jpg','Room 136 at Pawinskiego Street');\"></td></tr></table>";
 +
 +
changeLargeImage('https://static.igem.org/mediawiki/2009/f/f0/Kuba_Marcin.jpg','Kuba and Marcin in the lab. Probably thinking');
 +
 +
document.getElementById("gallery_name").innerHTML = "Lab life";
 +
}
 +
 +
else if (galName=='Szybalski') {
 +
document.getElementById("thumbs").innerHTML = "<table><tr><td><img src=\"https://static.igem.org/mediawiki/2009/1/1b/ProfSzybalski_thumb.jpg\" class=\"imgThumb\" alt=\"meeting\" title=\"meeting\" onClick=\"changeLargeImage('https://static.igem.org/mediawiki/2009/f/fb/ProfSzybalski.jpg','Prof. Szybalski during the lecture');\"></td><td><img src=\"https://static.igem.org/mediawiki/2009/b/bb/Team_z_profSzybalskim_thumb.jpg\" class=\"imgThumb\" alt=\"meeting\" title=\"meeting\" onClick=\"changeLargeImage('https://static.igem.org/mediawiki/2009/4/4f/Team_z_profSzybalskim.jpg','The commemorative photo with prof. Szybalski');\"></td><td><img src=\"https://static.igem.org/mediawiki/2009/5/55/Team_z_profSzybalskim1_thumb.jpg\" class=\"imgThumb\" alt=\"meeting\" title=\"meeting\" onClick=\"changeLargeImage('https://static.igem.org/mediawiki/2009/9/98/Team_z_profSzybalskim1.jpg','The commemorative photo with prof. Szybalski');\"></td></tr></table>";
 +
 +
changeLargeImage('https://static.igem.org/mediawiki/2009/4/4f/Team_z_profSzybalskim.jpg','The commemorative photo with prof. Szybalski');
 +
 +
document.getElementById("gallery_name").innerHTML = "The Lecture of prof. Szybalski";
 +
}
 +
 +
else if (galName=='debata') {
 +
document.getElementById("thumbs").innerHTML = "<table><tr><td><img src=\"https://static.igem.org/mediawiki/2009/5/50/Debata_Jarek_thumb.jpg\" class=\"imgThumb\" style=\"width: 47px; height: 75px;\" alt=\"meeting\" title=\"meeting\" onClick=\"changeLargeImage('https://static.igem.org/mediawiki/2009/c/cf/Debata_Jarek.jpg','Jarek during the debate');\"></td><td><img src=\"https://static.igem.org/mediawiki/2009/d/d8/Debata_JarekAsia_thumb.jpg\" class=\"imgThumb\" alt=\"meeting\" title=\"meeting\" onClick=\"changeLargeImage('https://static.igem.org/mediawiki/2009/b/b9/Debata_JarekAsia.jpg','Jarek during the debate');\"></td><td><img src=\"https://static.igem.org/mediawiki/2009/2/27/Debata_thumb.jpg\" class=\"imgThumb\" alt=\"meeting\" title=\"meeting\" onClick=\"changeLargeImage('https://static.igem.org/mediawiki/2009/7/7e/Debata.jpg','The auditory of debate');\"></td></tr></table>";
 +
 +
changeLargeImage('https://static.igem.org/mediawiki/2009/b/b9/Debata_JarekAsia.jpg','Jarek during the debate');
 +
 +
document.getElementById("gallery_name").innerHTML = "The Debate on the topic of Synthetic Biology";
 +
}
 +
 +
else {
 +
document.getElementById("thumbs").innerHTML = "nic";}
 +
 +
}
}
Line 50: Line 93:
</script>
</script>
</head>
</head>
-
<div id="gallery_name">meetings photos</div>
+
 
-
<div id="image_title" style="position: relative; top: 20px;">One of the first meetings</div>
+
<body onload="thumbnails('Meetings');">
 +
<h1>Gallery</h1>
 +
<h2>Building in progress</h2>
 +
<div id="gallery_name"></div>
 +
<div id="image_title" style="position: relative; top: 20px;"></div>
<div id="image_large" class="divVis" style="position: relative; left: 75px; top: 20px">
<div id="image_large" class="divVis" style="position: relative; left: 75px; top: 20px">
<img id="large_image" src="https://static.igem.org/mediawiki/2009/7/74/Warsaw_meeting1.jpg" width="600px">
<img id="large_image" src="https://static.igem.org/mediawiki/2009/7/74/Warsaw_meeting1.jpg" width="600px">
</div>
</div>
-
<div class="thumbnails" style="position: relative; top:20px;">
+
 
-
<table>
+
<div class="thumbnails" style="position: relative; top:30px;" id="thumbs">
 +
</div>
 +
 
 +
<br><br>
 +
<div class="thumbnails" style="position: relative;" >
 +
 
 +
<table id="gallery_list">
<tr>
<tr>
<td>
<td>
-
<img src="https://static.igem.org/mediawiki/2009/7/79/Warsaw_meeting1_thumb.jpg" class="imgThumb" alt="meeting" title="meeting" onClick="changeLargeImage('https://static.igem.org/mediawiki/2009/7/74/Warsaw_meeting1.jpg','One of the first meetings');">
+
 
 +
<br><b>Meetings</b>
 +
<img src="https://static.igem.org/mediawiki/2009/7/79/Warsaw_meeting1_thumb.jpg" class="imgThumb_gal" alt="meeting" title="meeting" onClick="thumbnails('Meetings');">
</td>
</td>
<td>
<td>
-
<img src="https://static.igem.org/mediawiki/2009/d/dd/Franek_mysli_thumb.jpg" class="imgThumb" alt="meeting" title="meeting" onClick="changeLargeImage('https://static.igem.org/mediawiki/2009/5/58/Franek_mysli.jpg','Franek is thinking...');">
+
<br><b>Lab</b>
 +
<img src="https://static.igem.org/mediawiki/2009/3/3b/Kuba_Marcin_thumb.jpg" class="imgThumb_gal" alt="meeting" title="meeting" onClick="thumbnails('Lab');">
</td>
</td>
<td>
<td>
-
<img src="https://static.igem.org/mediawiki/2009/2/2b/Warsaw_meeting2_thumb.jpg" class="imgThumb" alt="meeting" title="meeting" onClick="changeLargeImage('https://static.igem.org/mediawiki/2009/a/a4/Warsaw_meeting2.jpg','Another photo taken at the meeting');">
+
<b>Lecture of <br>prof. Szybalski</b>
-
</td>
+
<img src="https://static.igem.org/mediawiki/2009/b/bb/Team_z_profSzybalskim_thumb.jpg" class="imgThumb_gal" alt="meeting" title="meeting" onClick="thumbnails('Szybalski');">
-
</tr>
+
-
</table>
+
-
</div>
+
-
 
+
-
 
+
-
<div class="thumbnails" style="position: relative; top:50px;" >
+
-
Choose gallery:
+
-
<table>
+
-
<tr>
+
-
<td>
+
-
Meetings
+
-
<img src="https://static.igem.org/mediawiki/2009/7/79/Warsaw_meeting1_thumb.jpg" class="imgThumb_gal" alt="meeting" title="meeting" onClick="changeLargeImage('https://static.igem.org/mediawiki/2009/7/74/Warsaw_meeting1.jpg','One of the first meetings');">
+
</td>
</td>
<td>
<td>
-
Lab
+
<b>Debate on the topic of Synthetic Biology</b>
-
<img src="https://static.igem.org/mediawiki/2009/d/dd/Franek_mysli_thumb.jpg" class="imgThumb_gal" alt="meeting" title="meeting" onClick="changeLargeImage('https://static.igem.org/mediawiki/2009/5/58/Franek_mysli.jpg','Franek is thinking...');">
+
<img src="https://static.igem.org/mediawiki/2009/5/50/Debata_Jarek_thumb.jpg" class="imgThumb_gal" alt="debate" title="meeting" onClick="thumbnails('debata');" style="height: 75px; width: 47px;">
</td>
</td>
<td>
<td>
-
Free Time
 
-
<img src="https://static.igem.org/mediawiki/2009/2/2b/Warsaw_meeting2_thumb.jpg" class="imgThumb_gal" alt="meeting" title="meeting" onClick="changeLargeImage('https://static.igem.org/mediawiki/2009/a/a4/Warsaw_meeting2.jpg','Another photo taken at the meeting');">
 
</td>
</td>
</tr>
</tr>
</table>
</table>
</div>
</div>
 +
</body>
</html>
</html>

Latest revision as of 08:58, 19 October 2009

Gallery

Building in progress