同じ高さのフクロウカルーセルと垂直と水平

Question

私はフクロウカルーセルと垂直と水平の画像を持つカルーセルを作ろうとしています。両方のタイプの画像と幅の自動で同じ高さにしたいと思います。これは任意のヘルプや提案私のcodepen http://codepen.io/mp1985/pen/LNejmO

$('.owl-carousel').owlCarousel({ 
    loop:true, 
    nav:true, 
    responsive:{ 
     0:{ 
      items:1 
     }, 
     800:{ 
      items:3 
     }, 
     1000:{ 
      items:3 
     } 
    } 
}); 

ある

を私はCSSでこれを達成できるかどう は、私は理解していないか、私はすべての画像の高さを更新するために、JSを使用する必要がありますか？

Answer 1

あなたはCSS

.owl-carousel .item img{ 
    max-height:600px; 
} 

と画像上の最大の高さを設定し、これは、ここ

参照のデモ http://www.owlcarousel.owlgraphic.com/demos/autowidth.html

を動作するはず

autoWidth:true, 

が含まれるようにJSの機能を更新した場合