Team:KULeuven/Team/Pictures

From 2008.igem.org

(Difference between revisions)
m (Undo revision 36996 by Avdmeers (Talk))
m
 
(20 intermediate revisions not shown)
Line 1: Line 1:
 +
{{:Team:KULeuven/Tools/Styling}}
{{:Team:KULeuven/Tools/Header}}
{{:Team:KULeuven/Tools/Header}}
<html>
<html>
-
<script type="text/javascript" src="http://student.kuleuven.be/~s0173901/jquery/imagebox/iutil.js"></script>
+
<script type="text/javascript" src="http://www.kuleuven.be/bioscenter/igem/js/instant.js"></script>
-
<script type="text/javascript" src="http://student.kuleuven.be/~s0173901/jquery/imagebox/imagebox.js"></script>
+
 
 +
<script type="text/javascript" src="http://www.kuleuven.be/bioscenter/igem/js/iutil.js"></script>
 +
<script type="text/javascript" src="http://www.kuleuven.be/bioscenter/igem/js/imagebox.js"></script>
<script type="text/javascript">
<script type="text/javascript">
$(document).ready(
$(document).ready(
Line 10: Line 13:
$.ImageBox.init(
$.ImageBox.init(
{
{
-
loaderSRC: 'https://static.igem.org/mediawiki/2008/4/42/Loading.gif',
+
loaderSRC: 'https://static.igem.org/mediawiki/2008/4/42/Loading.gif',
-
closeHTML: '<img src="https://static.igem.org/mediawiki/2008/b/bc/Close.jpg" />'
+
closeHTML: '<img src="https://static.igem.org/mediawiki/2008/b/bc/Close.jpg" />'
}
}
);
);
}
}
);
);
 +
</script>
 +
 +
<script type="text/javascript">
 +
$(function() {
 +
$('#image-gallery img').each(function() {
 +
var _oldHeight = $(this).height();
 +
var _oldWidth = $(this).width();
 +
 +
if(_oldHeight >= _oldWidth) {
 +
$(this).height(75);
 +
$(this).width(65);
 +
} else {
 +
$(this).height(75);
 +
$(this).width(100);
 +
}
 +
});
 +
});
 +
</script>
 +
 +
<script type="text/javascript">
 +
$(function () {
 +
$('#image-gallery img').addClass('instant');
 +
});
</script>
</script>
<style type="text/css">
<style type="text/css">
#menubar, #search-controls, #content {
#menubar, #search-controls, #content {
-
z-index: 1; /* index the igem wiki menubar, searchbox and content to 1 */
+
z-index: 1;
}
}
-
#image-gallery p {padding-left: 20px;}
+
#image-gallery {margin-left:6em !important;margin-right:6em !important;}
-
#image-gallery img {border: 1px solid #003E81; margin-bottom: 5px;}
+
#image-gallery h2 {margin-left:0;}
 +
 
 +
.gallery {overflow:hidden;}
 +
.gallery img {border:1px solid #003E81;float:left;margin: 3px 4px;height:40px;}
#ImageBoxOverlay
#ImageBoxOverlay
{
{
-
background-color: #000;
+
background-color: #075a90;
-
z-index: 1;
+
z-index: 200;
}
}
#ImageBoxOuterContainer
#ImageBoxOuterContainer
Line 86: Line 115:
};
};
</style>
</style>
 +
</html>
 +
<div class="instructions">Click on an image to start the gallery. To view the next image scroll your mouse to the upper right corner of the current image and click on the appearing "next image". Scroll to the lower left corner to view the previous image</div>
-
<span id="image-gallery">
+
<div id="image-gallery">
-
<p>
+
 
-
<h2>In the wet lab</h2>
+
== In the wet lab ==
-
<a href="https://static.igem.org/mediawiki/2008/2/2a/Hanne_pcr.JPG" title="Hanne & the gel" rel="imagebox-wetlab"><img src="https://static.igem.org/mediawiki/2008/2/2a/Hanne_pcr.JPG" width="100px" /></a>
+
 
-
<a href="https://static.igem.org/mediawiki/2008/8/8a/DSC00018.JPG" title="Andim at work" rel="imagebox-wetlab"><img src="https://static.igem.org/mediawiki/2008/8/8a/DSC00018.JPG" width="100px" /></a>
+
<html>
-
<a href="https://static.igem.org/mediawiki/2008/d/d8/DSC00019.JPG" title="Gel with wells popping out. The girls were surprised when they saw it." rel="imagebox-wetlab"><img src="https://static.igem.org/mediawiki/2008/d/d8/DSC00019.JPG" width="100px" /></a>
+
<div class="gallery">
-
<a href="https://static.igem.org/mediawiki/2008/e/e8/DSC00020.JPG" title="Gel with wells popping out. The girls were surprised when they saw it." rel="imagebox-wetlab"><img src="https://static.igem.org/mediawiki/2008/e/e8/DSC00020.JPG" width="100px" /></a>
+
<a href="https://static.igem.org/mediawiki/2008/2/2a/Hanne_pcr.JPG" title="Hanne & the gel" rel="imagebox-wetlab"><img src="https://static.igem.org/mediawiki/2008/2/2a/Hanne_pcr.JPG"></a>
-
<a href="https://static.igem.org/mediawiki/2008/e/e1/DSC00021.JPG" title="The horrible pipette-monster has seen a victim." rel="imagebox-wetlab"><img src="https://static.igem.org/mediawiki/2008/e/e1/DSC00021.JPG" width="100px" /></a>
+
 
-
<a href="https://static.igem.org/mediawiki/2008/3/33/DSC00022.JPG" title="The horrible pipette-monster reveales itself." rel="imagebox-wetlab"><img src="https://static.igem.org/mediawiki/2008/3/33/DSC00022.JPG" width="100px" /></a>
+
<a href="https://static.igem.org/mediawiki/2008/8/8a/DSC00018.JPG" title="Andim at work" rel="imagebox-wetlab"><img src="https://static.igem.org/mediawiki/2008/8/8a/DSC00018.JPG"></a>
-
<a href="https://static.igem.org/mediawiki/2008/b/b3/DSC00023.JPG" title="Stefanie (lower left) and Hanne (upper right)." rel="imagebox-wetlab"><img src="https://static.igem.org/mediawiki/2008/b/b3/DSC00023.JPG" width="100px" /></a>
+
 
-
<a href="https://static.igem.org/mediawiki/2008/f/f8/DSC00024.JPG" title="Hanne and Stefanie." rel="imagebox-wetlab"><img src="https://static.igem.org/mediawiki/2008/f/f8/DSC00024.JPG" width="100px" /></a>
+
<a href="https://static.igem.org/mediawiki/2008/d/d8/DSC00019.JPG" title="Gel with wells popping out. The girls were surprised when they saw it." rel="imagebox-wetlab"><img src="https://static.igem.org/mediawiki/2008/d/d8/DSC00019.JPG"></a>
-
<a href="https://static.igem.org/mediawiki/2008/8/87/DSC00026.JPG" title="Notice the spirillium-ish mascotte" rel="imagebox-wetlab"><img src="https://static.igem.org/mediawiki/2008/8/87/DSC00026.JPG" width="100px" /></a>
+
 
-
<a href="https://static.igem.org/mediawiki/2008/7/7f/DSC00027.JPG" title="Girls chatting up." rel="imagebox-wetlab"><img src="https://static.igem.org/mediawiki/2008/7/7f/DSC00027.JPG" width="100px" /></a>
+
<a href="https://static.igem.org/mediawiki/2008/e/e8/DSC00020.JPG" title="Gel with wells popping out. The girls were surprised when they saw it." rel="imagebox-wetlab"><img src="https://static.igem.org/mediawiki/2008/e/e8/DSC00020.JPG"></a>
-
</p>
+
 
 +
<a href="https://static.igem.org/mediawiki/2008/e/e1/DSC00021.JPG" title="The horrible pipette-monster has seen a victim." rel="imagebox-wetlab"><img src="https://static.igem.org/mediawiki/2008/e/e1/DSC00021.JPG"></a>
 +
 
 +
<a href="https://static.igem.org/mediawiki/2008/3/33/DSC00022.JPG" title="The horrible pipette-monster reveales itself." rel="imagebox-wetlab"><img src="https://static.igem.org/mediawiki/2008/3/33/DSC00022.JPG"></a>
 +
 
 +
<a href="https://static.igem.org/mediawiki/2008/b/b3/DSC00023.JPG" title="Stefanie (lower left) and Hanne (upper right)." rel="imagebox-wetlab"><img src="https://static.igem.org/mediawiki/2008/b/b3/DSC00023.JPG"></a>
 +
 
 +
<a href="https://static.igem.org/mediawiki/2008/f/f8/DSC00024.JPG" title="Hanne and Stefanie." rel="imagebox-wetlab"><img src="https://static.igem.org/mediawiki/2008/f/f8/DSC00024.JPG"></a>
 +
 
 +
<a href="https://static.igem.org/mediawiki/2008/8/87/DSC00026.JPG" title="Notice the spirillium-ish mascotte" rel="imagebox-wetlab"><img src="https://static.igem.org/mediawiki/2008/8/87/DSC00026.JPG"></a>
 +
 
 +
<a href="https://static.igem.org/mediawiki/2008/7/7f/DSC00027.JPG" title="Girls chatting up." rel="imagebox-wetlab"><img src="https://static.igem.org/mediawiki/2008/7/7f/DSC00027.JPG"></a>
 +
 
 +
<a href="https://static.igem.org/mediawiki/2008/6/60/KUL21.JPG" title="In the microscopy room" rel="imagebox-wetlab"><img src="https://static.igem.org/mediawiki/2008/6/60/KUL21.JPG"></a>
 +
 
 +
<a href="https://static.igem.org/mediawiki/2008/1/16/KUL23.JPG" title="Stefanie checking out fluorescent colonies" rel="imagebox-wetlab"><img src="https://static.igem.org/mediawiki/2008/1/16/KUL23.JPG"></a>
 +
 
 +
<a href="https://static.igem.org/mediawiki/2008/6/69/KUL26.JPG" title="Stefanie and Nathalie discussing the fluorescent colonies" rel="imagebox-wetlab"><img src="https://static.igem.org/mediawiki/2008/6/69/KUL26.JPG"></a>
 +
 
 +
<a href="https://static.igem.org/mediawiki/2008/3/33/KUL27.JPG" title="Cosy gathering in the microscopy room" rel="imagebox-wetlab"><img src="https://static.igem.org/mediawiki/2008/3/33/KUL27.JPG"></a>
 +
 
 +
<a href="https://static.igem.org/mediawiki/2008/f/f0/KUL28.JPG" title="Just remember, kids, drugs are bad business" rel="imagebox-wetlab"><img src="https://static.igem.org/mediawiki/2008/f/f0/KUL28.JPG"></a>
 +
 
 +
<a href="https://static.igem.org/mediawiki/2008/f/fe/KUL29.JPG" title="The laboratory pigeon" rel="imagebox-wetlab"><img src="https://static.igem.org/mediawiki/2008/f/fe/KUL29.JPG"></a>
 +
 
 +
<a href="https://static.igem.org/mediawiki/2008/3/32/KUL30.JPG" title="Fred, Kim, David and Hans, our true heroes! (especially the girl's)" rel="imagebox-wetlab"><img src="https://static.igem.org/mediawiki/2008/3/32/KUL30.JPG"></a>
 +
</div>
 +
</html>
 +
 
 +
== In the dry lab ==
 +
 
 +
<html>
 +
<div class="gallery">
 +
<a href="https://static.igem.org/mediawiki/2008/5/5b/KUL3.jpg" title="Two hands, therefore two computers" rel="imagebox-drylab"><img src="https://static.igem.org/mediawiki/2008/5/5b/KUL3.jpg"></a>
 +
 
 +
<a href="https://static.igem.org/mediawiki/2008/a/a1/KUL12.JPG" title="Antoine at work" rel="imagebox-drylab"><img src="https://static.igem.org/mediawiki/2008/a/a1/KUL12.JPG"></a>
 +
 
 +
<a href="https://static.igem.org/mediawiki/2008/8/8a/KUL13.JPG" title="Dries preparing for some nasty modeling" rel="imagebox-drylab"><img src="https://static.igem.org/mediawiki/2008/8/8a/KUL13.JPG"></a>
 +
 
 +
<a href="https://static.igem.org/mediawiki/2008/7/7e/KUL14.JPG" title="Nathalie en Hanne working hard" rel="imagebox-drylab"><img src="https://static.igem.org/mediawiki/2008/7/7e/KUL14.JPG"></a>
 +
 
 +
<a href="https://static.igem.org/mediawiki/2008/7/7b/KUL24.JPG" title="Fire-alarm testing in the building" rel="imagebox-drylab"><img src="https://static.igem.org/mediawiki/2008/7/7b/KUL24.JPG"></a>
 +
</div>
 +
</html>
 +
 
 +
== Outside the lab ==
 +
 
 +
<html>
 +
<div class="gallery">
 +
<a href="https://static.igem.org/mediawiki/2008/0/07/KUL16.JPG" title="Under a tree hiding for the sun" rel="imagebox-nolab"><img src="https://static.igem.org/mediawiki/2008/0/07/KUL16.JPG"></a>
-
<span id="image-gallery">
+
<a href="https://static.igem.org/mediawiki/2008/6/60/KUL19.JPG" title="Dries doing some strange move" rel="imagebox-nolab"><img src="https://static.igem.org/mediawiki/2008/6/60/KUL19.JPG"></a>
-
<p>
+
-
<h2>In the dry lab</h2>
+
-
<a href="https://static.igem.org/mediawiki/2008/5/5b/KUL3.jpg" title="Two hands, therefore two computers" rel="imagebox-drylab"><img src="https://static.igem.org/mediawiki/2008/5/5b/KUL3.jpg" width="100px" /></a>
+
-
<a href="https://static.igem.org/mediawiki/2008/a/a1/KUL12.JPG" title="Antoine at work" rel="imagebox-drylab"><img src="https://static.igem.org/mediawiki/2008/a/a1/KUL12.JPG" width="100px" /></a>
+
-
<a href="https://static.igem.org/mediawiki/2008/8/8a/KUL13.JPG" title="Dries preparing for some nasty modeling" rel="imagebox-drylab"><img src="https://static.igem.org/mediawiki/2008/8/8a/KUL13.JPG" width="100px" /></a>
+
-
<a href="https://static.igem.org/mediawiki/2008/7/7e/KUL14.JPG" title="Nathalie en Hanne working hard" rel="imagebox-drylab"><img src="https://static.igem.org/mediawiki/2008/7/7e/KUL14.JPG" width="100px" /></a>
+
-
<a href="https://static.igem.org/mediawiki/2008/7/7b/KUL24.JPG" title="Fire-alarm testing in the building" rel="imagebox-drylab"><img src="https://static.igem.org/mediawiki/2008/7/7b/KUL24.JPG" width="100px" /></a>
+
-
</p>
+
-
<span id="image-gallery">
+
<a href="https://static.igem.org/mediawiki/2008/1/11/KUL22.JPG" title="Dries" rel="imagebox-nolab"><img src="https://static.igem.org/mediawiki/2008/1/11/KUL22.JPG"></a>
-
<p>
+
</div>
-
<h2>Outside the lab</h2>
+
-
<a href="https://static.igem.org/mediawiki/2008/0/07/KUL16.JPG" title="Under a tree hiding for the sun" rel="imagebox-nolab"><img src="https://static.igem.org/mediawiki/2008/0/07/KUL16.JPG" width="100px" /></a>
+
-
<a href="https://static.igem.org/mediawiki/2008/6/60/KUL19.JPG" title="Dries doing some strange move" rel="imagebox-nolab"><img src="https://static.igem.org/mediawiki/2008/6/60/KUL19.JPG" width="100px" /></a>
+
-
<a href="https://static.igem.org/mediawiki/2008/a/a0/KUL20.JPG" title="Stefanie showing her best side" rel="imagebox-nolab"><img src="https://static.igem.org/mediawiki/2008/a/a0/KUL20.JPG" width="100px" /></a>
+
-
<a href="https://static.igem.org/mediawiki/2008/1/11/KUL22.JPG" title="Dries" rel="imagebox-dnolab"><img src="https://static.igem.org/mediawiki/2008/1/11/KUL22.JPG" width="100px" /></a>
+
-
</p>
+
-
</span>
+
</html>
</html>
-
Post pictures here!!!
+
</div>

Latest revision as of 00:02, 29 October 2008

  dock/undock dropdown  

Click on an image to start the gallery. To view the next image scroll your mouse to the upper right corner of the current image and click on the appearing "next image". Scroll to the lower left corner to view the previous image