Search code examples
jqueryajaxwordpress-theminggrid-layouthtml5-animation

Dynamic Tile based layout


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,


Solution

  • 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.