title: JQuery Cycle Plugin - Variable / Resize Height
body: <p>I've been trying to recreate something similar to the cycle plugin as used on <a href="http://www.brianrea.com/Progress-drawings" rel="nofollow">http://www.brianrea.com/Progress-drawings</a>.</p>
  
  <p>I basically require pagination and require the container to resize / adjust its height based on the height of the image, with a smooth animation. The width is static.</p>
  
  <p>Tried looking through the documentation for the plugin but it's not very specific and there are no demos (that I could find) on this functionality.</p>
  
  <p>Could anyone point me in the right direction?</p>
  
  <p>I've got something at the moment like:</p>
  
  <pre><code>$('#feature').cycle({ 
      fx:     'scrollHorz', 
      prev:   '#previous', 
      next:   '#next',
      width:   660,
      after:   onAfter, 
      timeout: 0 
  });
  
  function onAfter(curr, next, opts) {
      var index = opts.currSlide;
      $('#previous')[index == 0 ? 'hide' : 'show']();
      $('#next')[index == opts.slideCount - 1 ? 'hide' : 'show']();
  }
  </code></pre>