Team:KULeuven/Team/Pictures

From 2008.igem.org

(Difference between revisions)
m
m
 
(38 intermediate revisions not shown)
Line 1: Line 1:
 +
{{:Team:KULeuven/Tools/Styling}}
{{:Team:KULeuven/Tools/Header}}
{{:Team:KULeuven/Tools/Header}}
-
 
-
Under construction...
 
<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 12: 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; /* lower the igem wiki menubar and searchbox */
+
z-index: 1;
}
}
-
#image-gallery p, h2 {padding-left: 20px;}
+
#image-gallery {margin-left:6em !important;margin-right:6em !important;}
-
#image-gallery img {border: 1px solid #003E81;}
+
#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 40: Line 73:
width: 250px;
width: 250px;
height: 250px;
height: 250px;
-
max-height: 600px;
+
max-height: 480px;
background-color: #F4F4EC;
background-color: #F4F4EC;
 +
z-index: 200;
}
}
#ImageBoxCaptionText
#ImageBoxCaptionText
Line 49: 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 79: 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>
 +
 +
<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>
 +
 +
== 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>
-
<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>In the lab</h2>
+
-
<a href="https://static.igem.org/mediawiki/2008/2/2a/Hanne_pcr.JPG" title="Hanne & the gel" rel="imagebox-lab"><img src="https://static.igem.org/mediawiki/2008/2/2a/Hanne_pcr.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