Owl-carousel use of the carousel plugin

Plugin GitHub address:Https://github.com/OwlFonk/OwlCarousel;

Plug-in Website demo address:http://owlgraphic.com/owlcarousel/;

1. Select the type of Carousel plugin you need

2. Based on each type of document, the DOM structure of the assigned HTML

Like images.

<div id= "Owl-demo" >            <div class= "item" ></div>  <div class= "item" ></div>  <div class= "Item" ></div>  <div class= "item" ></div>  <div class=" item "></div>  <div class= "item" ></div>  <div class= "Item" ></div>  <div class= "Item" > </div> </div>

　　

3. Call in JS

Take images as an example:

$ (document). Ready (function () {   $ ("#owl-demo"). Owlcarousel ({       autoplay:3000,//set autoPlay to 3 seconds       Items:4,      itemsdesktop: [1199,3],      itemsdesktopsmall: [979,3]   });

　　

Success!

Owl-carousel use of the carousel plugin