Team:Imperial College/Templates/Carousel
From 2013.igem.org
(Difference between revisions)
Line 19: | Line 19: | ||
#slides .slide { | #slides .slide { | ||
position: relative; | position: relative; | ||
- | width: | + | width: 975px; |
- | height: | + | height: 548px; |
} | } | ||
#slides .slide span.background { | #slides .slide span.background { | ||
- | width: | + | width: 100%; |
- | height: | + | height: 100%; |
} | } | ||
Line 147: | Line 147: | ||
$('#slides').slidesjs({ | $('#slides').slidesjs({ | ||
width: 975, | width: 975, | ||
- | height: | + | height: 548, |
play: { | play: { | ||
active: true, | active: true, | ||
Line 161: | Line 161: | ||
<div id="slides"> | <div id="slides"> | ||
<div class="slide"> | <div class="slide"> | ||
- | <span class="background"><img src="https://static.igem.org/mediawiki/2013 | + | <span class="background"><img src="https://static.igem.org/mediawiki/2013/4/44/Mountains4.png" style="width: 100%; height: 100%"></span> |
<span class="text">Europe's Newest Mountain, Mount Wasted</span> | <span class="text">Europe's Newest Mountain, Mount Wasted</span> | ||
</div> | </div> | ||
<div class="slide"> | <div class="slide"> | ||
- | <span class="background">< | + | <span class="background"><iframe width="1280" height="720" src="//www.youtube.com/embed/RfiQYRn7fBg?rel=0&t=15" frameborder="0" allowfullscreen></iframe></span> |
<span class="text">Put text here</span> | <span class="text">Put text here</span> | ||
</div> | </div> |