Create your blog and photo album with postbit
Create your blog and photo album

Create new post


Upload a picture:
Tags (keywords separated by comma)

Save Cancel
The JavaScript Blog js:   Followers: 5 ; Following: 3

Album: Javascript tools

JQuery Masonry - pinterest like dynamic layout plugin

(view more photos from js)

JQuery Masonry - pinterest like dynamic layout plugin
view all sizes

Dynamic grid layout jQuery plugin.
When browser is resized, the elements will follow the horizontal size, dynamically adding new columns.
Masonry arranges elements vertically, positioning each element in the next open spot in the grid.
It minimizes vertical gaps between elements of varying height (see "Before" and "After").
The layout is also animated (when browser is resized), using CSS transitions.
It also have infinite scroll to load more elements using Ajax.

Why the name "Masonry"? It does like a mason fitting stones in a wall.

Masonry plugin demo and documentation:

Posted with Postbit by The JavaScript Blog at 2012-08-21 18:30

What do you see in this picture? Be the first to comment now.
Post your comment:

Name: Email: Site:

Other images from this album (Javascript tools):

Other photo albums from The JavaScript Blog:

Photos from posts (7)

| Explore users | New posts | Create your blog | Create your photo album |
| About Postbit | Our blog | Terms of use | Contact Postbit |

Copyright © 2019 -