Difference between revisions of "Team:ETH Zurich/homeSlideshow"
| (5 intermediate revisions by the same user not shown) | |||
| Line 2: | Line 2: | ||
<style> | <style> | ||
.homeMainImage { | .homeMainImage { | ||
| − | transition: | + | transition: opacity 0.5s ease-out; |
position:absolute !important; | position:absolute !important; | ||
height:100%; | height:100%; | ||
| Line 12: | Line 12: | ||
opacity:1; | opacity:1; | ||
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
</style> | </style> | ||
<style id="mainState0"> | <style id="mainState0"> | ||
| − | #homeImage0 { | + | #homeImage0 {opacity:1;} |
| − | + | ||
| − | } | + | |
</style> | </style> | ||
<style id="mainState1"> | <style id="mainState1"> | ||
| − | #homeImage1 { | + | #homeImage1 {opacity:1;} |
| − | + | ||
| − | + | ||
| − | } | + | |
| − | + | ||
| − | + | ||
| − | + | ||
</style> | </style> | ||
<style id="mainState2"> | <style id="mainState2"> | ||
| − | + | #homeImage2 {opacity:1;} | |
| − | + | ||
| − | + | ||
| − | #homeImage2 { | + | |
| − | + | ||
| − | + | ||
| − | + | ||
</style> | </style> | ||
<style id="mainState3"> | <style id="mainState3"> | ||
| − | #homeImage3 { | + | #homeImage3 {opacity:1;} |
| − | + | ||
| − | } | + | |
</style> | </style> | ||
<style id="mainState4"> | <style id="mainState4"> | ||
| − | #homeImage4 { | + | #homeImage4 {opacity:1;} |
| − | + | ||
| − | + | ||
</style> | </style> | ||
<style id="mainState5"> | <style id="mainState5"> | ||
| − | #homeImage5 { | + | #homeImage5 {opacity:1;} |
| − | + | ||
| − | } | + | |
</style> | </style> | ||
<style id="mainState6"> | <style id="mainState6"> | ||
| − | #homeImage6 { | + | #homeImage6 {opacity:1;} |
| − | + | ||
| − | } | + | |
</style> | </style> | ||
| Line 83: | Line 54: | ||
document.getElementById('mainState3'), | document.getElementById('mainState3'), | ||
document.getElementById('mainState4'), | document.getElementById('mainState4'), | ||
| − | document.getElementById('mainState5 | + | document.getElementById('mainState5') |
| − | + | ||
]; | ]; | ||
var homeMainCaptions = [ | var homeMainCaptions = [ | ||
| − | "<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>", | ||
Latest revision as of 03:41, 19 September 2015