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:
http://ansonalex.com/wp-content/uploads/2011/07/google-plus-gallery-large.jpg
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!