(16 intermediate revisions by 2 users not shown) | |||
Line 12: | Line 12: | ||
} | } | ||
div.slider { | div.slider { | ||
− | width: | + | width: 1000px; |
− | height: | + | height: 500px; |
background: #fff; | background: #fff; | ||
margin: 100px auto; | margin: 100px auto; | ||
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/ | + | <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/ | + | <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/ | + | <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/ | + | <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