Edit in JSFiddle

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

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

    });
});

<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>

img {
    margin: 10px;
    border: 1px solid black;
}