<!-- owl carousel css link -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
<!-- owl carousel theme.css link -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css">
<!-- owl carousel js file -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
// owl carousel init
$('.owl-carousel').owlCarousel({
loop: true,
autoplay: true,
autoplayTimeout: 5000,
autoplayHoverPause: true,
dots: true,
stagePadding: -5,
responsiveBaseElement: 'body',
responsive: {
0: {
items: 1,
},
700: {
items: 2,
},
1220: {
items: 3,
},
},
});
// add html class
owl-carousel owl-theme
$('.custom1').owlCarousel({
animateOut: 'backOutLeft',
animateIn: 'backInRight',
items:1,
margin:30,
stagePadding:30,
smartSpeed:450
});
//default settings:
autoplay:false
autoplayTimeout:5000
autoplayHoverPause:false
<button type="submit" class="single_add_to_cart_button bundle_add_to_cart_button button alt">Add to cart</button>
<script src="/node_modules/jquery/dist/jquery.js"></script>
<script src="/node_modules/owl.carousel/dist/owl.carousel.min.js"></script>
Code Example |
---|
Html :: html platform |
Html :: login icon html |
Html :: how to use variables in html |
Html :: td whole row css |
Html :: vertical tabs bootstrap |
Html :: html card |
Html :: mozilla date input |
Html :: pyscript |
Html :: video values in html |
Html :: asp.net mvc go to page |
Html :: node js barcode generator |
Html :: make link open in new tab |
Html :: yaml multiline string |
Html :: ionic footer not appearing |
Html :: bootstrap links |
Html :: html5 fonts |
Html :: select colopr bootstrap |
Html :: date tag html |
Html :: empty elements in html |
Html :: tailwind css breadcrumbs |
Html :: in html |
Html :: BEM example html |
Html :: html5 time input 24 hour format |
Html :: highlight |
Html :: simple navbar |
Html :: html marquee space between images |
Html :: command checked datagrid wpf |
Html :: tips for a perfect cake |
Html :: acept img html |
Html :: c# how to get src from html img |