Team:Amsterdam/Team/Lab environment

From 2011.igem.org

(Difference between revisions)
(Lab environment)
 
(4 intermediate revisions not shown)
Line 2: Line 2:
==Lab environment==
==Lab environment==
-
SILS UvA<br>
+
Swammerdam Institute for Life Sciences at UvA<br>
Science Park 904 <br>
Science Park 904 <br>
1098 XH Amsterdam
1098 XH Amsterdam
 +
==Lab environment photo album==
<html>
<html>
-
<div class="main_view">
+
<div id="imageGallery">
-
    <div class="window">
+
<div class="imageZoom">
-
        <div class="image_reel">
+
<ul>
-
            <a href="foto1"><img src="https://static.igem.org/mediawiki/2011/d/dc/P1130190.jpg" /></a>
+
<li id="slide1"><a href="https://static.igem.org/mediawiki/2011/d/dc/P1130190.jpg" title="Yuri and Jorick working hard in the lab"><img alt=Yuri and Jorick working hard in the lab" src="https://static.igem.org/mediawiki/2011/d/dc/P1130190.jpg" /></a></li>
-
            <a href="foto2"><img src="https://static.igem.org/mediawiki/2011/9/9a/P1130193.jpg" /></a>
+
-
            <a href="foto3"><img src="https://static.igem.org/mediawiki/2011/4/45/P1130194.jpg" /></a>
+
-
            <a href="foto4"><img src="https://static.igem.org/mediawiki/2011/8/82/Igem_amsterdam_logo.jpg" /></a>
+
-
        </div>
+
-
    </div>
+
-
    <div class="paging">
+
-
        <a href="foto1" rel="1">1</a>
+
-
        <a href="foto2" rel="2">2</a>
+
-
        <a href="foto3" rel="3">3</a>
+
-
        <a href="foto4" rel="4">4</a>
+
-
    </div>
+
-
<script type="text/javascript"
+
-
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
+
-
<script>
+
<li id="slide2"><a href="https://static.igem.org/mediawiki/2011/9/9a/P1130193.jpg" title="Yuri and Jorick working hard in the lab"><img alt=Yuri and Jorick working hard in the lab" src="https://static.igem.org/mediawiki/2011/9/9a/P1130193.jpg" /></a></li>
-
$(document).ready(function() {
+
-
//Paging  and Slider Function
+
-
rotate = function(){
+
-
    var triggerID = $active.attr("rel") - 1; //Get number of times to slide
+
-
    var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide
+
-
    $(".paging a").removeClass('active'); //Remove all active class
+
<li id="slide3"><a href="https://static.igem.org/mediawiki/2011/4/42/Lab6.jpg" title="Our samples"><img alt=Our samples" src="https://static.igem.org/mediawiki/2011/4/42/Lab6.jpg" /></a></li>
-
    $active.addClass('active'); //Add active class (the $active is declared in the rotateSwitch function)
+
-
    //Slider Animation
+
<li id="slide4"><a href="https://static.igem.org/mediawiki/2011/9/9d/Isoude.jpghttps://static.igem.org/mediawiki/2011/e/eb/Lab4.jpg" title="Isoude working hard in the lab"><img alt=Isoude working hard in the lab" src="https://static.igem.org/mediawiki/2011/e/eb/Lab4.jpg" /></a></li>
-
    $(".image_reel").animate({
+
-
        left: -image_reelPosition
+
-
    }, 500 );
+
-
};
+
<li id="slide5"><a href="https://static.igem.org/mediawiki/2011/3/3a/Lab3.jpg" title="Yuri and Jorick working hard in the lab"><img alt=Yuri and Jorick working hard in the lab" src="https://static.igem.org/mediawiki/2011/3/3a/Lab3.jpg" /></a></li>
-
//Rotation  and Timing Event
+
<li id="slide6"><a href="https://static.igem.org/mediawiki/2011/8/80/Lab5a.jpg" title="Our samples"><img alt=Our samples" src="https://static.igem.org/mediawiki/2011/8/80/Lab5a.jpg" /></a></li>
-
rotateSwitch = function(){
+
-
    play = setInterval(function(){ //Set timer - this will repeat itself every 7 seconds
+
-
        $active = $('.paging a.active').next(); //Move to the next paging
+
-
        if ( $active.length === 0) { //If paging reaches the end...
+
-
            $active = $('.paging a:first'); //go back to first
+
-
        }
+
-
        rotate(); //Trigger the paging and slider function
+
-
    }, 7000); //Timer speed in milliseconds (7 seconds)
+
-
};
+
-
rotateSwitch(); //Run function on launch
+
<li id="slide7"><a href="https://static.igem.org/mediawiki/2011/c/cb/Lab2.jpg" title="Jorick working hard in the lab"><img alt=Jorick working hard in the lab" src="https://static.igem.org/mediawiki/2011/c/cb/Lab2.jpg" /></a></li>
-
});
+
 
-
</script>
+
<li id="slide8"><a href="https://static.igem.org/mediawiki/2011/a/a3/Lab1a.jpg" title="Yuri and Jorick working hard in the lab"><img alt=Yuri and Jorick working hard in the lab" src="https://static.igem.org/mediawiki/2011/a/a3/Lab1a.jpg" /></a></li>
 +
</ul>
</div>
</div>
-
</html>
 
-
=17 June 2011=
 
-
<html>
+
<div class="imagePreview">
-
<img src = "https://static.igem.org/mediawiki/2011/d/dc/P1130190.jpg" /> <br>
+
-
Jorick and Yuri working in the lab.<br><br>
+
<ul>
-
 
+
<li><a href="#slide1"><img alt="img1" src="https://static.igem.org/mediawiki/2011/e/e1/Yurienjorick4.jpg" /></a></li>
-
<img src = "https://static.igem.org/mediawiki/2011/9/9a/P1130193.jpg" /> <br>
+
<li><a href="#slide2"><img alt="img1" src="https://static.igem.org/mediawiki/2011/8/84/Yurienjorick3.jpg" /></a></li>
-
 
+
<li><a href="#slide3"><img alt="img1" src="https://static.igem.org/mediawiki/2011/a/ac/Emmer2b.jpg" /></a></li>
-
Jorick and Yuri working in the lab.<br><br>
+
<li><a href="#slide4"><img alt="img1" src="https://static.igem.org/mediawiki/2011/9/9d/Isoude.jpg" /></a></li>
-
 
+
<li><a href="#slide5"><img alt="img1" src="https://static.igem.org/mediawiki/2011/4/4f/Yurienjorick1.jpg" /></a></li>
-
<img src = "https://static.igem.org/mediawiki/2011/4/45/P1130194.jpg" /> <br>
+
<li><a href="#slide6"><img alt="img1" src="https://static.igem.org/mediawiki/2011/5/54/Emmers.jpg" /></a></li>
-
 
+
<li><a href="#slide7"><img alt="img1" src="https://static.igem.org/mediawiki/2011/b/b5/Jorick1.jpg" /></a></li>
-
Collection of kits we just received! (thanks to Bas)
+
<li><a href="#slide8"><img alt="img1" src="https://static.igem.org/mediawiki/2011/8/84/Yurienjorick2.jpg" /></a></li>
 +
</ul>
 +
</div>
 +
</div>
</html>
</html>
{{:Team:Amsterdam/Footer}}
{{:Team:Amsterdam/Footer}}

Latest revision as of 01:23, 22 September 2011

Lab environment

Swammerdam Institute for Life Sciences at UvA
Science Park 904
1098 XH Amsterdam

Lab environment photo album

  • Yuri
  • Yuri
  • Our
  • Isoude
  • Yuri
  • Our
  • Jorick
  • Yuri
  • img1
  • img1
  • img1
  • img1
  • img1
  • img1
  • img1
  • img1