Slick Carousel - Continous sliding
by ashleycam3ron
HTML
<link rel="stylesheet" href="http://kenwheeler.github.io/slick/slick/slick.css">
<link rel="stylesheet" href="http://kenwheeler.github.io/slick/slick/slick-theme.css">
<script src="http://kenwheeler.github.io/slick/slick/slick.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.7.1/modernizr.min.js"></script>
<section class="slider">
<div><img src="http://placehold.it/350x150"/></div>
<div><img src="http://placehold.it/350x150"/></div>
<div><img src="http://placehold.it/350x150"/></div>
<div><img src="http://placehold.it/350x150"/></div>
<div><img src="http://placehold.it/350x150"/></div>
<div><img src="http://placehold.it/350x150"/></div>
<div><img src="http://placehold.it/350x150"/></div>
</section>
CSS
img {
margin: 10px;
border: 1px solid black;
}
JavaScript
$(function(){
$('.slider').slick({
speed: 10000,
autoplay: true,
autoplaySpeed: 0,
cssEase: 'linear',
slidesToShow: 1,
slidesToScroll: 1,
variableWidth: true
});
});