Using Owl Carousel
in blog on speech-recognition, Annyang, javascript
Owl Carousel
Owl Carousel https://owlcarousel2.github.io/OwlCarousel2/
- html
<div class="owl-carousel owl-theme"> <div class="item"></div> <div class="item"></div> </div>
- javascript
var owl = $('.owl-carousel'); owl.owlCarousel({ margin: 10, nav: true, loop: true, responsive: { 0: { items: 1 }, 600: { items: 3 }, 1000: { items: 5 } } }); ... // update owl.trigger('destroy.owl.carousel'); owl.find('.owl-stage-outer').children().unwrap(); owl.removeClass("owl-center owl-loaded owl-text-select-on"); owl.html(content); owl.owlCarousel();








