owl carousel js code example

Example 1: owl carousel cdn

CSS CDN :
================
https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css

JS CDN : 
==================
https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js

Example 2: owl carousel cdn

================ CSS CDN : ================
https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css

================ JS CDN : ==================
https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js

Example 3: owl carousal

//default settings:
autoplay:false
autoplayTimeout:5000
autoplayHoverPause:false

Example 4: owl carousel

$('.loop').owlCarousel({
    center: true,
    items:2,
    loop:true,
    margin:10,
    responsive:{
        600:{
            items:4
        }
    }
});
$('.nonloop').owlCarousel({
    center: true,
    items:2,
    loop:false,
    margin:10,
    responsive:{
        600:{
            items:4
        }
    }
});

Tags:

Misc Example