Set `owl-center` class for middle item - OwlCarousel2

// Vladimir Zhelnov // neatek.ru // neatek.pw
// js - owl-center Class for middle item
// https://owlcarousel2.github.io/OwlCarousel2/
var owl = $('.owl-carousel-2');
owl.owlCarousel({
    loop:true,
    margin:0,
    dots:false,
    nav:true,
    autoplay: true,
    autoplaySpeed: 800,
    navText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>','<i class="fa fa-angle-right" aria-hidden="true"></i>'], //font-awesome http://fontawesome.io/
      items : 1, // IMPORTANT
      responsive : {
        480 : { items : 1  },
        800 : { items : 2  },
        1024 : { items : 3 }
      }
});

// Function for detect center item FOR 3 ITEMS (Change i==1) for your element
function set_owl_center() {
    owl.find( ".active" ).removeClass('owl-center');
    setTimeout(function(){
      owl.find( ".active" ).each(function( i ) {
        if(i==1) $(this).addClass('owl-center');
      });
    }, 80);
}

set_owl_center(); // Init center

owl.on('changed.owl.carousel', function(event) {set_owl_center();}) // On changes

/* HTML
                <div class="owl-carousel-2 owl-theme">
                    <div class="item"><img src="./assets/img/slider1.jpg"></div>
                    <div class="item"><img src="./assets/img/slider1.jpg"></div>
                    <div class="item"><img src="./assets/img/slider1.jpg"></div>
                </div>
*/

/* CSS
.owl-item img {
    opacity: 0.5;
    transition: 0.3s;
}
.owl-carousel-2 .owl-center img {
    opacity: 1.0;
}

*/