What is the easiest way of doing a photo gallery with variable size thumbnails?

I would like to create a gallery like Google+ “Photos From Your Circles” in which the thumbnails looks like a collage.

  • Thumbnails keeps the aspect ratio of the photo.
  • Gallery rows are close in height (not equal but very close).
  • Spacing between thumbnails is equal everywhere.
  • The gallery fills in a rectangle.
  • Photos are not cropped. They’re just resized to fill in the space.

Please see the screenshot as example:

i would like to learn how can i use css/javascript/jquery to style gallery thumbnails like this at the client side programatically.

Thank you for answers!

newest questions tagged jquery – Stack Overflow

About Admin