owl carousel 2 fade effect not working
<p>Iam currently trying to use owl carousel 2 with fade effect but it shows default swipe effects insted.How can I fix it.</p>

<p>Here,s my code </p>

<pre><code>  function owlWrapperWidth( selector ) {
  $(selector).each(function(){
    $(this).find('.owl-carousel').outerWidth( $(this).closest( selector ).innerWidth() );
  });
}

owlWrapperWidth( '.owl-wrapper' );
$( window ).resize(function() {
  owlWrapperWidth( $('.owl-wrapper') );
});
</code></pre>

<p>$('.owl-carousel').owlCarousel({ 
animateOut: 'fadeOut',</p>

<pre><code>    animateIn: 'fadeIn',
  nav:true,  





    loop: true,
    responsive: {
      0: {
        items: 1
      },
      600: {
        items: 2
      },     
      1000: {
        items: 3,
        slideBy:3,
      }
    }
  });
</code></pre>

<p>I have added animateIn:'fadeIn' but no success at all</p>

<p>Thanks</p>