title: How to re-size and crop an image client side while maintaining the aspect ratio
body: <p>I'd like to scale and crop an image to a set width <em>and</em> height <em>while</em> maintaining the aspect ratio in browser since the image is being pulled from elsewhere (a facebook image object which has fixed sizes).</p>
  
  <p>Is there a 'standard' way to do this in browsers using CSS and Javascript?  I can change the image height/width and use top/left to get something working.</p>
  
  <p>Is resizing the image object the way to enact the change, and is there a standard way to crop and resize the image (how to calculate the cropping)?</p>
  
  <p>I was hoping jQuery would have an answer.</p>