title: Keeping image aspect ratios intact while using Scrolling Parallax jQuery plugin
body: <p>I am using the <a href="http://jonraasch.com/blog/scrolling-parallax-jquery-plugin" rel="nofollow">Scrolling Parallax jQuery plugin</a> to scroll the "background" image (not actually a css background-image) on <a href="http://indigobrazilianportuguese.com" rel="nofollow">this site</a>.</p>
  
  <p>Is it possible to maintain the image aspect ratio, i.e. not squash the images, and still have it work in all modern browsers?</p>
  
  <p>I tried setting <code>bgHeight : 'auto'</code> which sets the image css to <code>height:auto</code>, but this stops the scrolling effect working in Chrome and Safari.</p>
  
  <p>I also tried setting <code>bgWidth : 'auto'</code> but then the image is narrower than the browser window.</p>
  
  <p>Also open to other plugins or ways to implement this effect, i.e. having the background image scroll at a different rate to the page content, and also to show the entire image, but not scroll past it...</p>
  
  <p>Thanks in advance for any help!</p>