Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Dynamic images sorting and cropping similar to google+ album view

can someone help me find a solution to achieve the same result as the google plus album view ?

The thumbnails listing manages to keep a consistent row width by re-sorting AND cropping images so they fit all the time, and re-arranges them according to window size.

I know about masonry but it tends to create a lot of white space when images don't have the same size... (because it does not handles cropping)

Does anybody knows about a plugin that does that? or if not the basic math behind it?

like image 432
Dagobert Renouf Avatar asked Jul 09 '11 08:07

Dagobert Renouf


1 Answers

take a look at:

http://blog.vjeux.com/2012/javascript/image-layout-algorithm-google-plus.html

It explains how the layout works.

Also take a look at: http://www.techbits.de/2011/10/25/building-a-google-plus-inspired-image-gallery/ http://www.moewashere.com/jglance/

which are both implementations of the google plus album grid.

like image 91
decasteljau Avatar answered Oct 12 '22 10:10

decasteljau