Difference between revisions of "Team:ETH Zurich/homeSlideshow"

 
(39 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
 +
<style>
 +
.homeMainImage {
 +
    transition: opacity 0.5s ease-out;
 +
    position:absolute !important;
 +
    height:100%;
 +
/*    top:0%;
 +
    left:0%;*/
 +
    opacity:0;
 +
}
 +
#homeImage0 {
 +
    opacity:1;
 +
}
 +
 +
</style>
 +
<style id="mainState0">
 +
#homeImage0 {opacity:1;}
 +
</style>
 +
 +
<style id="mainState1">
 +
#homeImage1 {opacity:1;}
 +
 +
 +
</style>
 +
 +
<style id="mainState2">
 +
#homeImage2 {opacity:1;}
 +
 +
 +
</style>
 +
<style id="mainState3">
 +
#homeImage3 {opacity:1;}
 +
 +
 +
</style>
 +
<style id="mainState4">
 +
#homeImage4 {opacity:1;}
 +
 +
</style>
 +
<style id="mainState5">
 +
#homeImage5 {opacity:1;}
 +
 +
 +
</style>
 +
<style id="mainState6">
 +
#homeImage6 {opacity:1;}
 +
</style>
 +
 
<script>
 
<script>
 
var homeMainStates = [
 
var homeMainStates = [
Line 10: Line 57:
 
];
 
];
 
var homeMainCaptions = [
 
var homeMainCaptions = [
−
     "<p>Blood is extracted from patients with a risk for metastasis. Red blood cells are separated from the blood and the remaining fluid is sent through a microfluidic chip.</p>",
+
     "<h3>Flip through our slideshow or browse our page to learn about the exciting new way to detect cancer!</h3>",
−
     "<p>In the chip, cells will be encapsulated in a water droplet suspended in oil.</p>",
+
    "<h3>Blood is extracted from patients with a risk for metastasis. Red blood cells are separated from the blood and the remaining fluid is incubated in sTRAIL to induce apoptosis in circulating tumor cells.</h3>",
−
     "<p>Caption3</p>",
+
     "<h3>Bacteria and human cells are mixed and sent through the chip.</h3>",
−
     "<p>Caption4</p>",
+
     "<h3>Our bacteria express Annexin V on their membranes.</h3>",
−
     "<p>Caption5</p>",
+
     "<h3>Allowing them to bind to phosphatidylserine expressed on the outer membrane of the cancer cells.</h3>",
−
     "<p>Caption6</p>"
+
     "<h3>The bacteria sense this binding through signaling and fluoresce green.</h3>",
−
];
+
     "<h3>A green signal indicates that a cancer cell has been found.</h3>"
−
var homeMainImages = [
+
−
    "https://static.igem.org/mediawiki/2015/2/26/ETH_homepage_slideshow.png",
+
−
    "https://static.igem.org/mediawiki/2015/6/64/ETH_homepage_slideshow2.png",
+
−
    "https://static.igem.org/mediawiki/2015/6/64/ETH_homepage_slideshow2.png",
+
−
    "https://static.igem.org/mediawiki/2015/6/64/ETH_homepage_slideshow2.png",
+
−
    "https://static.igem.org/mediawiki/2015/6/64/ETH_homepage_slideshow2.png",
+
−
    "https://static.igem.org/mediawiki/2015/6/64/ETH_homepage_slideshow2.png"
+
 
];
 
];
 
var curMainState = 0;
 
var curMainState = 0;
Line 29: Line 69:
  
 
$(function() {
 
$(function() {
−
     for (var i=0;i<numMainStates;i++) {
+
     for (var i=1;i<numMainStates;i++) {
 
         homeMainStates[i].disabled = true;
 
         homeMainStates[i].disabled = true;
 
     }
 
     }
Line 56: Line 96:
 
     curMainState += dir;
 
     curMainState += dir;
 
     document.getElementById('homeMainCaption').innerHTML = homeMainCaptions[curMainState];
 
     document.getElementById('homeMainCaption').innerHTML = homeMainCaptions[curMainState];
−
    document.getElementById('homepageImage').src = homeMainImages[curMainState];
 
 
     setTimeout(function(){document.getElementById('homeMainContainer').className = "content";},700);
 
     setTimeout(function(){document.getElementById('homeMainContainer').className = "content";},700);
 
     }
 
     }

Latest revision as of 03:41, 19 September 2015