title: Owl Carousel - Auto Height mobile issue
body: <p>This is the page in question: <a href="http://k2ld.91dev.com.au/project/balwyn-residence/" rel="nofollow">http://k2ld.91dev.com.au/project/balwyn-residence/</a></p>
  
  <p>The carousel uses <code>autoheight:true</code>.</p>
  
  <p>On certain mobile browsers including Dolphin, iPhone, Google Nexus 4 (when viewed in Chrome Dev Tools), the <code>.owl-wrapper-outer</code> container will have a small inline height applied which crops the first image.</p>
  
  <p>Once you swipe to the left and back the height is recalculated and all is fine.</p>
  
  <p>My Owl code looks like this (inside a <code>document.ready</code>):</p>
  
  <pre><code>// Owl Slider
  $(".owl-carousel").owlCarousel({
      items: 1,
      loop: true,
      autoHeight: true
  });
  </code></pre>
  
  <p>I originally used Owl Carousel 1 and then switched to version 2 to see if the issue went away... it didn't.</p>
  
  <p>How can I get the carousel to calculate it's height once the images are fully loaded?</p>