silck-carousel

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.slick/1.3.15/slick.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/jquery.slick/1.3.15/slick.css">
<div class="slider multiple-items width">
    <div>
        <div><img src="http://placehold.it/50x50" /></div>
    </div>
    <div>
        <div><img src="http://placehold.it/50x50" /></div>
    </div>
    <div>
        <div><img src="http://placehold.it/50x50" /></div>
    </div>
    <div>
        <div><img src="http://placehold.it/50x50" /></div>
    </div>
    <div>
        <div><img src="http://placehold.it/50x50" /></div>
    </div>
    <div>
        <div><img src="http://placehold.it/50x50" /></div>
    </div>
    <div>
        <div><img src="http://placehold.it/50x50" /></div>
    </div>
</div>

CSS

.width {
    width: 500px;
    left: 30px;
}
body {
    background: blue;
}

JavaScript

$('.multiple-items').slick({
    infinite: false,
    slidesToShow: 5,
    slidesToScroll: 3,
    dots: true
});