https://www.kaleidahealth.org/includes/awards.js

1  function initAwardsOwl() {
2    var owl = $('.owl-carousel');
3
4    // Issues rendering to CMS subpage - needed to reinitialize it to run owl multiple times on a single page
5    if (owl.hasClass('owl-loaded')) {
6      owl.trigger('destroy.owl.carousel');
7      owl.removeClass('owl-loaded');
8      owl.find('.owl-stage-outer').children().unwrap();
9    }
10
11    owl.owlCarousel({
12      loop: false,
13      margin: 10,
14      navText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"],
15      nav: true,
16      dots: false,
17      autoplay: true,
18      autoplayTimeout: 5000,
19      autoplayHoverPause: true,
20      responsive: {
21        0: {
22          items: 1,
23          nav: true
24        },
25        600: {
26          items: 2,
27          nav: true
28        },
29        992: {
30          items: 3,
31          nav: true
32        },
33        1200: {
34          items: 3,
35          nav: true
36        }
37      }
38    });
39
40    $('.play').on('click', function () {
41      owl.trigger('play.owl.autoplay', [1000]);
42    });
43
44    $('.stop').on('click', function () {
45      owl.trigger('stop.owl.autoplay');
46    });
47  }
48  // Render owl and wait to render to page
49  $(window).on('load', function () {
50    initAwardsOwl();
51    setTimeout(initAwardsOwl, 500);
52    setTimeout(initAwardsOwl, 1200);
53  });