title: jQuery Cycle2 slideshow with responsive height, as well as width
body: <p>I'm trying to create a slideshow of images using the jQuery Cycle2 plugin that will be responsive, adjusting to the browser width <em>and</em> height. I was able to use the <a href="http://www.malsup.com/jquery/cycle2/demo/container-resize.php" rel="nofollow">Dynamic Container Sizing</a> docs from the <a href="http://www.malsup.com/jquery/cycle2/demo/autoheight.php" rel="nofollow">Auto Height</a> feature to get the width working well.</p>
  
  <p>See the fiddle I made <a href="http://jsfiddle.net/approach/GGU7m/1/" rel="nofollow">here</a>, which is a simplified representation of a website build I'm working on. </p>
  
  <p>Is it possible to somehow give the slides a <code>max-height:100%;</code> of the <code>.cycle-slideshow</code> div? </p>
  
  <p>Broadly speaking, the problem I am facing is that long portrait images do not really fit into the design of my site and the user has to scroll to see the full image, which isn't fantastic.</p>
  
  <p>Many thanks.</p>