For example by adding "YourName" value transitionStyle: "YourName", owlCarousel will add .owl-YourName-out class to previous slide and .owl-YourName-in … All wrapped in Grunt project. Distributed version structure: Files included. So if the user moves the cursor on e.g. Options. Type: Number Default: 3 The number of items you want to see on the screen. Only mouse hover li slider play and stop. Simplifies the autoplay plugin by using the state API. If the browser paints the motion of the cursor smoothly, then the carousel moves in the same way. Javascript, images and CSS included. Owl Carousel - 2.3.4 - Distributed version - compiled and minified. 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. https://blog.nstwebcreation.com/how-to-make-owl-carousel-to-slide-smoothly Html Code Owl Carousel does have the loop: true configuration setting. List including all options from built-in plugins video, lazyload, autoheight and animate. 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. I used the event mousemove/touchmove to watch the movement of the cursor/finger. Lazy Load Part of owl.carousel.css: 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. 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. Closes #144 and #234 items. .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. The movement of the carousel is tightly coupled to the movement of the cursor of the mouse. Using built-in plugins.