title: Owl carousel still transitions when only 1 slide in carousel
body: <p>I wonder if anyone could help with this. I am using carousel in a CMS and would like the ability for the customer to sometimes only have 1 slide if they so wish. However if only 1 slide is there the fade transition still occurs so it basically transitions to itself. Is there any way to stop the carousel transitioning when there is only 1 slide? I am surprised that this is not a built in function as it has been with other carousels I have used.</p>
  
  <pre><code>&lt;div id="owl-demo" class="owl-carousel"&gt;
      &lt;div class="item"&gt;
      &lt;h2&gt;&lt;umbraco:Item field="bigMessage" stripParagraph="true" convertLineBreaks="true" runat="server" /&gt;&lt;/h2&gt;
      &lt;p&gt;&lt;umbraco:Item field="messageSubtext" stripParagraph="true" convertLineBreaks="true" runat="server" /&gt;&lt;/p&gt;
      &lt;umbraco:image runat="server" field="bannerImage" /&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;script src="/owl-carousel/owl.carousel.js"&gt;&lt;/script&gt;
  
  &lt;style&gt;
  #owl-demo .item img{
      display: block;
      width: 100%;
      height: auto;
  }
  &lt;/style&gt;
  
  
  &lt;script&gt;
  $(document).ready(function() {
    $("#owl-demo").owlCarousel({
  
      navigation: false,
      stopOnHover: true,
      paginationSpeed: 1000,
      autoPlay: 5000,
      goToFirstSpeed: 2000,
      autoHeight : true,
      transitionStyle:"fade",
      singleItem: true
  
    // "singleItem:true" is a shortcut for:
    // items : 1, 
    // itemsDesktop : false,
    // itemsDesktopSmall : false,
    // itemsTablet: false,
    // itemsMobile : false
  
    });
  });
  &lt;/script&gt;
  </code></pre>