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: 100%;
+
       width: 975px;
-
       height: 100%;
+
       height: 548px;
     }
     }
     #slides .slide span.background {
     #slides .slide span.background {
-
       width: 975px;
+
       width: 100%;
-
       height: 731px;
+
       height: 100%;
     }
     }
Line 147: Line 147:
       $('#slides').slidesjs({
       $('#slides').slidesjs({
         width: 975,
         width: 975,
-
         height: 731,
+
         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/thumb/4/44/Mountains4.png/900px-Mountains4.png"></span>
+
         <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"><img src="https://static.igem.org/mediawiki/2013/thumb/4/44/Mountains4.png/900px-Mountains4.png"></span>
+
         <span class="background"><iframe width="1280" height="720" src="//www.youtube.com/embed/RfiQYRn7fBg?rel=0&amp;t=15" frameborder="0" allowfullscreen></iframe></span>
         <span class="text">Put text here</span>
         <span class="text">Put text here</span>
       </div>
       </div>

Revision as of 17:28, 24 August 2013

Europe's Newest Mountain, Mount Wasted
Put text here