title: OWL CAROUSEL fixed height?
body: <p>I'm currently using Owl Carousel and am wondering if there's a way to adjust image sizes so that the height of each image is consistent. I'm using this plugin to display my photography, and I have both landscape and portrait sizes. I tried using autoWidth in the JS but it makes my portrait images too large and my landscape images too short, how do I get all the images to have a set height?
  I tried adjusting the CSS, but the landscape images seem to be behind the next image and doesn't display the full width. It looks like there is  a set width, and when I adjust the width, the image just gets stretched. I have 19 items in the carousel. Also tried adjusting the items in the responsive part of the JS, when I adjust it to two items, the landscape images are the right proportions but the portrait images end up being stretched. Any ideas on how to fix?</p>
  
  <p>Here's the CSS code I've used:</p>
  
  <pre><code>    #demos img{
      display: inline-block; 
      max-width: auto;  
      height: 500px!important; 
      margin-bottom: 30px;
    }
  </code></pre>
  
  <p>Javascript:</p>
  
  <pre><code> $(document).ready(function() {
      $('.owl-carousel').owlCarousel({
        loop: true,
        margin: 0,
        responsiveClass: true,
        responsive: {
          0: {
            items: 1,
            nav: true
          },
          600: {
            items: 3,
            nav: false
          },
          1000: {
            items: 5,
            nav: true,
            loop: true,
            margin: 0
          }
        }
      })
    })
  </code></pre>