基于动态图块的布局

Question

Hello I would like to make a layout where by tiles (1x1, 1x2, and 2x2) fill a grid, and when you click one of the tiles it expands to a larger window and fits into a larger area within the tiles surrounding it.

Here is an example of what I mean http://village.marimekko.com/

Can anyone suggest a best practise for doing this, I had hoped to just use a theme but I can't find anything quite right!

Many thanks,

Answer 1

I'd suggest you take a look at Isotope which will take care of the layout for you pretty nice. For the expanding part, it's just a matter to expand the container to a larger size; Isotope will re-layout automatically.