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

 
(3 intermediate revisions by the same user not shown)
Line 2: Line 2:
 
<style>
 
<style>
 
.homeMainImage {
 
.homeMainImage {
     transition: transform 0.5s, opacity 0.5s ease-out;
+
     transition: opacity 0.5s ease-out;
 
     position:absolute !important;
 
     position:absolute !important;
 
     height:100%;
 
     height:100%;
Line 16: Line 16:
 
<style id="mainState0">
 
<style id="mainState0">
 
#homeImage0 {opacity:1;}
 
#homeImage0 {opacity:1;}
#homeImage1 {opacity:0;}
 
#homeImage2 {opacity:0;}
 
#homeImage3 {opacity:0;}
 
#homeImage4 {opacity:0;}
 
#homeImage5 {opacity:0;}
 
#homeImage6 {opacity:0;}
 
 
</style>
 
</style>
  
 
<style id="mainState1">
 
<style id="mainState1">
#homeImage0 {opacity:0;}
 
 
#homeImage1 {opacity:1;}
 
#homeImage1 {opacity:1;}
#homeImage2 {opacity:0;}
+
 
#homeImage3 {opacity:0;}
+
#homeImage4 {opacity:0;}
+
#homeImage5 {opacity:0;}
+
#homeImage6 {opacity:0;}
+
  
 
</style>
 
</style>
  
 
<style id="mainState2">
 
<style id="mainState2">
#homeImage0 {opacity:0;}
 
#homeImage1 {opacity:0;}
 
 
#homeImage2 {opacity:1;}
 
#homeImage2 {opacity:1;}
#homeImage3 {opacity:0;}
+
 
#homeImage4 {opacity:0;}
+
#homeImage5 {opacity:0;}
+
#homeImage6 {opacity:0;}
+
  
 
</style>
 
</style>
 
<style id="mainState3">
 
<style id="mainState3">
#homeImage0 {opacity:0;}
 
#homeImage1 {opacity:0;}
 
#homeImage2 {opacity:0;}
 
 
#homeImage3 {opacity:1;}
 
#homeImage3 {opacity:1;}
#homeImage4 {opacity:0;}
+
 
#homeImage5 {opacity:0;}
+
#homeImage6 {opacity:0;}
+
  
 
</style>
 
</style>
 
<style id="mainState4">
 
<style id="mainState4">
#homeImage0 {opacity:0;}
 
#homeImage1 {opacity:0;}
 
#homeImage2 {opacity:0;}
 
#homeImage3 {opacity:0;}
 
 
#homeImage4 {opacity:1;}
 
#homeImage4 {opacity:1;}
#homeImage5 {opacity:0;}
 
#homeImage6 {opacity:0;}
 
  
 
</style>
 
</style>
 
<style id="mainState5">
 
<style id="mainState5">
#homeImage0 {opacity:0;}
 
#homeImage1 {opacity:0;}
 
#homeImage2 {opacity:0;}
 
#homeImage3 {opacity:0;}
 
#homeImage4 {opacity:0;}
 
 
#homeImage5 {opacity:1;}
 
#homeImage5 {opacity:1;}
#homeImage6 {opacity:0;}
+
 
  
 
</style>
 
</style>
 
<style id="mainState6">
 
<style id="mainState6">
#homeImage0 {opacity:0;}
 
#homeImage1 {opacity:0;}
 
#homeImage2 {opacity:0;}
 
#homeImage3 {opacity:0;}
 
#homeImage4 {opacity:0;}
 
#homeImage5 {opacity:0;}
 
 
#homeImage6 {opacity:1;}
 
#homeImage6 {opacity:1;}
 
 
</style>
 
</style>
  
Line 96: Line 57:
 
];
 
];
 
var homeMainCaptions = [
 
var homeMainCaptions = [
     "<h3>MicroBeacon is a system for detecting circulating tumor cells in blood.</h3>",
+
     "<h3>Flip through our slideshow or browse our page to learn about the exciting new way to detect cancer!</h3>",
 
     "<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>",
 
     "<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>",
 
     "<h3>Bacteria and human cells are mixed and sent through the chip.</h3>",
 
     "<h3>Bacteria and human cells are mixed and sent through the chip.</h3>",
 
     "<h3>Our bacteria express Annexin V on their membranes.</h3>",
 
     "<h3>Our bacteria express Annexin V on their membranes.</h3>",
 
     "<h3>Allowing them to bind to phosphatidylserine expressed on the outer membrane of the cancer cells.</h3>",
 
     "<h3>Allowing them to bind to phosphatidylserine expressed on the outer membrane of the cancer cells.</h3>",
     "<h3>The bacteria sense this binding through signaling and fluoresce green, indicating the detection of a cancer cell.</h3>"
+
     "<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 curMainState = 0;
 
var curMainState = 0;

Latest revision as of 03:41, 19 September 2015