Team:KULeuven/Team/Pictures

From 2008.igem.org

(Difference between revisions)
m
m
 
(43 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 {
+
#menubar, #search-controls, #content {
z-index: 1;
z-index: 1;
}
}
-
#ImageBox {
+
#image-gallery {margin-left:6em !important;margin-right:6em !important;}
-
z-index: 300;
+
#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: 200;
 +
}
 +
#ImageBoxOuterContainer
 +
{
 +
z-index: 200;
}
}
#ImageBoxCaption
#ImageBoxCaption
{
{
background-color: #F4F4EC;
background-color: #F4F4EC;
 +
z-index: 200;
}
}
#ImageBoxContainer
#ImageBoxContainer
Line 38: Line 73:
width: 250px;
width: 250px;
height: 250px;
height: 250px;
 +
max-height: 480px;
background-color: #F4F4EC;
background-color: #F4F4EC;
 +
z-index: 200;
}
}
#ImageBoxCaptionText
#ImageBoxCaptionText
Line 46: Line 83:
font-size: 13px;
font-size: 13px;
color: #000;
color: #000;
 +
z-index: 200;
}
}
#ImageBoxCaptionImages
#ImageBoxCaptionImages
{
{
margin: 0;
margin: 0;
 +
z-index: 200;
}
}
#ImageBoxNextImage
#ImageBoxNextImage
Line 76: Line 115:
};
};
</style>
</style>
 +
</html>
-
<p>
+
<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>
-
<a href="https://static.igem.org/mediawiki/2008/2/2a/Hanne_pcr.JPG" title="Hanne & the gel" rel="imagebox"><img src="https://static.igem.org/mediawiki/2008/2/2a/Hanne_pcr.JPG" width="100px" /></a>
+
 
-
</p>
+
<div id="image-gallery">
 +
 
 +
== In the wet lab ==
 +
 
 +
<html>
 +
<div class="gallery">
 +
<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/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/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/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>
 +
 
 +
<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>
</html>
-
Post pictures here!!!
+
== 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>
 +
 +
<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>
 +
 +
<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>
 +
</div>
 +
</html>
-
<div style="float:left">[[Image:Hanne_pcr.JPG|thumb|left|Hanne & the gel]]</div>
+
</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