Javascript, images and CSS included. Files included. https://blog.nstwebcreation.com/how-to-make-owl-carousel-to-slide-smoothly I have a very simple client logo carousel, i am using owl carousel to make the logos move, i use the following code: $('.manufacturer__logo__slider').owlCarousel({ loop:true, margin:40, Owl Carousel Source - 2.3.4 - Source files including this documentation. Lazy Load Simplifies the autoplay plugin by using the state API. So if the user moves the cursor on e.g. A list of Owl Carousel examples. List of products with slider are available on same slider class, but when i mouse hove in any one li product, then effect only on mouse hover li play and stop slider. Distributed version structure: Only mouse hover li slider play and stop. Part of owl.carousel.css: All wrapped in Grunt project. Owl Carousel - 2.3.4 - Distributed version - compiled and minified. Owl Carousel does have the loop: true configuration setting. But, there's a few problems I don't like: Owl doesn't goto the first slide when at the end, when dragging (instead of clicking on navigation buttons) Owl rewinds to the first slide, it doesn't wrap around infinitely. .owl-animated-out - only on Out item - use it to change z-index.owl-animated-in - only on In item - use it to change z-index.classNameOut - only on Out item - this is your custom animation class from options..classNameIn - only on In item - this is your custom animation class from options. For example by adding "YourName" value transitionStyle: "YourName", owlCarousel will add .owl-YourName-out class to previous slide and .owl-YourName-in … List including all options from built-in plugins video, lazyload, autoheight and animate. Html Code Using built-in plugins. If the browser paints the motion of the cursor smoothly, then the carousel moves in the same way. The movement of the carousel is tightly coupled to the movement of the cursor of the mouse. I used the event mousemove/touchmove to watch the movement of the cursor/finger. This snippet is free and open source hence you can use it in your project.Bootstrap 4 owl carousel autoplay slider snippet example is best for all kind of projects.A great starter for your new awesome project with 1000+ Font Awesome Icons, 4000+ Material Design Icons and Material Design Colors at BBBootstrap.com. Type: Number Default: 3 The number of items you want to see on the screen. items. Closes #144 and #234 Options.