title: Resize multiple images in a uniform size and maintains the ratio
body: <p>I have multiple images width different sizes, and I want to resize them to fit in a box, and I want to maintain the ratio, and want the images to still look good.</p>
  
  <p>The  is 400px by 400px.
  I have 8 images of different sizes.
  I want 4 images on the first row and the other four on the last row.
  So the sizes of each images would be 50px by 50px
  And I need those images to be in the same ratio as it's original size.</p>
  
  <p><a href="http://deadwoodfilms.com/jquery/gallery/gallery.html" rel="nofollow">http://deadwoodfilms.com/jquery/gallery/gallery.html</a></p>