Difference between revisions of "Template:Team:Michigan/carousel"

 
(15 intermediate revisions by 2 users not shown)
Line 20: Line 20:
 
                 width: 100%;
 
                 width: 100%;
 
                 height: 100%;
 
                 height: 100%;
 +
            }
 +
          .slick-arrow::before {
 +
                color: #00274C;
 
             }
 
             }
 
         </style>
 
         </style>
 
         <div class="slider" data-slick='{"slidesToShow": 1, "slidesToScroll": 1, "dots": true}'>
 
         <div class="slider" data-slick='{"slidesToShow": 1, "slidesToScroll": 1, "dots": true}'>
           <div><img class="slider" src="https://static.igem.org/mediawiki/2016/e/ee/Michigan--WikiLogo.png"></div>
+
           <div><img class="slider" src="https://static.igem.org/mediawiki/2016/7/75/AptapaperLogo.jpg"></div>
           <div><img class="slider" src="https://static.igem.org/mediawiki/2016/e/ee/Michigan--WikiLogo.png"></div>
+
           <div><img class="slider" src="https://static.igem.org/mediawiki/2016/6/65/Proximity-Dependent_Ligation_Diagram.png"></div>
           <div><img class="slider" src="https://static.igem.org/mediawiki/2016/e/ee/Michigan--WikiLogo.png"></div>
+
           <div><img class="slider" src="https://static.igem.org/mediawiki/2016/b/b7/MSBT_Expression_Diagram.png"></div>
           <div><img class="slider" src="https://static.igem.org/mediawiki/2016/e/ee/Michigan--WikiLogo.png"></div>
+
           <div><img class="slider" src="https://static.igem.org/mediawiki/2016/7/75/AptapaperLogo.jpg"></div>
 
         </div>
 
         </div>
 
         <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
 
         <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
Line 35: Line 38:
 
         <!-- Applying slick to our div -->
 
         <!-- Applying slick to our div -->
 
         <script>
 
         <script>
             $('.slider').slick();
+
             $('.slider').slick({
 +
            autoplay: true,
 +
            fade: false});
 +
 
 
         </script>
 
         </script>
 
     </body>
 
     </body>
 
</html>
 
</html>

Latest revision as of 03:39, 17 October 2016