Owl-carousel 2

http://stackoverflow.com/questions/39843734/jquery-how-to-move-object-to-the-left-and-right

by fido3993

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.theme.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.1.6/assets/owl.carousel.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.1.6/assets/owl.theme.default.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.1.6/owl.carousel.js"></script>
<div id="owl-example" class="owl-carousel">

<div>
<img src="http://wp1.themexlab.com/html/digital-media/img/resources/c-1.png">
</div>

<div>
<img src="http://wp1.themexlab.com/html/digital-media/img/resources/c-1.png">
</div>

<div>
<img src="http://wp1.themexlab.com/html/digital-media/img/resources/c-1.png">
</div>

<div>
<img src="http://wp1.themexlab.com/html/digital-media/img/resources/c-1.png">
</div>

<div>
<img src="http://wp1.themexlab.com/html/digital-media/img/resources/c-1.png">
</div>

<div>
<img src="http://wp1.themexlab.com/html/digital-media/img/resources/c-1.png">
</div>

</div>

CSS

.owl-carousel .owl-item img{
      width: 100px;
    max-width: 100%;
}

#owl-example{
    width: 1000px;
    margin: 20px auto;
}

JavaScript

$(function(){
owl();
})


function owl(){

$('#owl-example').owlCarousel({
    loop:true,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:3
        },
        1000:{
            items:5
        }
    }
})

}