Line 1: | Line 1: | ||
<html> | <html> | ||
− | <head> | + | <head> |
− | <!-- | + | <!-- slick CSS --> |
− | <link rel="stylesheet" href=" | + | <meta charset="UTF-8"> |
− | + | <link rel="stylesheet" type="text/css" href="http://cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css"/> | |
− | + | <link rel="stylesheet" type="text/css" href="http://cdn.jsdelivr.net/jquery.slick/1.6.0/slick-theme.css"/> | |
− | + | </head> | |
− | </head> | + | <body> |
− | <body> | + | <style> |
− | + | body { | |
− | < | + | background: #777; |
− | + | } | |
− | + | div.slider { | |
− | + | width: 400px; | |
− | + | height: 200px; | |
− | + | background: #fff; | |
− | + | margin: 100px auto; | |
− | + | } | |
− | + | img.slider { | |
− | + | width: 100%; | |
− | + | height: 100%; | |
− | + | } | |
− | + | </style> | |
− | + | <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/e/ee/Michigan--WikiLogo.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/e/ee/Michigan--WikiLogo.png"></div> | |
− | + | </div> | |
− | + | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> | |
− | + | <!--jQuery--> | |
− | + | <!--<script src="/components/jquery-1.12.3.min.js"></script>--> | |
− | + | <!--Slick--> | |
− | + | <script type="text/javascript" src="http://cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js"></script> | |
− | + | <!-- Applying slick to our div --> | |
− | + | <script> | |
− | + | $('.slider').slick(); | |
− | + | </script> | |
− | + | </body> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
− | + | ||
− | </body> | + | |
</html> | </html> |
Revision as of 20:24, 10 August 2016