Skip to content

Instantly share code, notes, and snippets.

@NickFoden
Last active December 13, 2018 22:41
Show Gist options
  • Save NickFoden/eddb6997a6126aced423c548864afa91 to your computer and use it in GitHub Desktop.
Save NickFoden/eddb6997a6126aced423c548864afa91 to your computer and use it in GitHub Desktop.
Ken Wheeler slick
<html>
<head>
<title>My Now Amazing Webpage</title>
<link rel="stylesheet" type="text/css" href="slick/slick.css"/>
<link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/>
<style type="text/css">
.carousel{
height: 200px;
width:90%;
margin:0px auto;
}
</style>
</head>
<body>
<div class="carousel">
<div><img src="https://kids.nationalgeographic.com/content/dam/kids/photos/articles/Nature/H-P/Habitats/Ocean/wave.ngsversion.1500050062134.adapt.945.1.jpg"></div>
<div><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSOzfUg-UbkFI8K1_FDlBpekZm29V6XaLkQsXtjQG0-9p5E_1l0"></div>
<div><img src="https://venturewell.org/wp-content/uploads/OceanHealthBlogFeatured-910x620.jpeg"></div>
</div>
<script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="slick/slick.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.carousel').slick({
autoplay: true,
autoplaySpeed: 2000,
slidesToShow: 2,
slidesToScroll: 1,
});
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment