Slick Carousel - continuous sliding exemple

by shamaleyte

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick-theme.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.js"></script>
<script src="https://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 #aaa;
}

JavaScript

$(function(){
    $('.slider').slick({

        speed: 10000,
        autoplay: true,
        autoplaySpeed: 0,
        cssEase: 'linear',
        slidesToShow: 3,
        slidesToScroll: 1,
        variableWidth: true

    });
});