Team:Imperial College/Templates/Carousel

From 2013.igem.org

(Difference between revisions)
Line 23: Line 23:
     }
     }
-
     #slides .slide img{
+
     #slides .slide span.background {
       width: 975px;
       width: 975px;
-
       height: 500px;
+
       height: 731px;
     }
     }
-
     #slides .slide span {
+
     #slides .slide span.text {
       color: #ffffff;
       color: #ffffff;
       background: rgba(0, 0, 0, 0.75);
       background: rgba(0, 0, 0, 0.75);
Line 147: Line 147:
       $('#slides').slidesjs({
       $('#slides').slidesjs({
         width: 975,
         width: 975,
-
         height: 500,
+
         height: 731,
         play: {
         play: {
           active: true,
           active: true,
Line 161: Line 161:
     <div id="slides">
     <div id="slides">
       <div class="slide">
       <div class="slide">
-
         <img src="https://static.igem.org/mediawiki/2013/thumb/4/44/Mountains4.png/900px-Mountains4.png">
+
         <span class="background"><img src="https://static.igem.org/mediawiki/2013/thumb/4/44/Mountains4.png/900px-Mountains4.png"></span>
-
         <span>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">
-
         <!-- Images should be 975px by 500 px -->
+
         <span class="background"><img src="https://static.igem.org/mediawiki/2013/thumb/4/44/Mountains4.png/900px-Mountains4.png"></span>
-
        <img src="https://static.igem.org/mediawiki/2013/thumb/4/44/Mountains4.png/900px-Mountains4.png">
+
         <span class="text">Put text here</span>
-
         <span>Put text here</span>
+
       </div>
       </div>
     </div>
     </div>

Revision as of 17:22, 24 August 2013

Europe's Newest Mountain, Mount Wasted
Put text here