Team:Warsaw/Gallery

From 2009.igem.org

(Difference between revisions)
Line 45: Line 45:
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');
 +
}
 +
 +
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');
 +
}
 +
 +
else {
 +
document.getElementById("thumbs").innerHTML = "nic";}
 +
 +
document.getElementById("gallery_name").innerHTML = galName;
}
}
Line 50: Line 72:
</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">
-
<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>
+
</div>
</div>
 +
<br><br>
 +
<div class="thumbnails" style="position: relative;" >
-
<div class="thumbnails" style="position: relative; top:50px;" >
 
-
Choose gallery:
 
<table>
<table>
<tr>
<tr>
<td>
<td>
-
Meetings
+
<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="changeLargeImage('https://static.igem.org/mediawiki/2009/7/74/Warsaw_meeting1.jpg','One of the first meetings');">
+
<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>
-
Lab
+
<b>Lab</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/3/3b/Kuba_Marcin_thumb.jpg" class="imgThumb_gal" alt="meeting" title="meeting" onClick="thumbnails('Lab');">
</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>

Revision as of 00:12, 20 September 2009

Gallery

Building in progress



Meetings meeting Lab meeting
Retrieved from "http://2009.igem.org/Team:Warsaw/Gallery"