(Created page with "<html> <head> <!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-B...") |
|||
(18 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
− | <head> | + | <head> |
− | <!-- | + | <!-- slick CSS --> |
− | <link rel="stylesheet" href="https:// | + | <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> | ||
+ | <body> | ||
+ | <style> | ||
+ | body { | ||
+ | background: #777; | ||
+ | } | ||
+ | div.slider { | ||
+ | width: 1000px; | ||
+ | height: 500px; | ||
+ | background: #fff; | ||
+ | margin: 100px auto; | ||
+ | } | ||
+ | img.slider { | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | } | ||
+ | .slick-arrow::before { | ||
+ | color: #00274C; | ||
+ | } | ||
+ | </style> | ||
+ | <div class="slider" data-slick='{"slidesToShow": 1, "slidesToScroll": 1, "dots": true}'> | ||
+ | <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/6/65/Proximity-Dependent_Ligation_Diagram.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/7/75/AptapaperLogo.jpg"></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({ | ||
+ | autoplay: true, | ||
+ | fade: false}); | ||
− | + | </script> | |
− | + | </body> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </body> | + | |
</html> | </html> |
Latest revision as of 03:39, 17 October 2016