Continuing Education

No Title

jQuery Masonry

jQuery Masonry

Docs

Demos

A dynamic layout plugin for jQuery
The flip-side of CSS floats

← View docs and demos

Before: CSS Floats
1
2
3
4
5
6
7
8
9
10
11
12
After: Masonry
1
2
3
4
5
6
7
8
9
10
11
12

Loading Examples

'
+ ''
+ '' + datum.title + ''
+ '';
items.push( item );
}

var $items = $( items.join('') );
$items.imagesLoaded(function(){
$container
.masonry( 'remove', $loadingItem ).masonry()
.append( $items ).masonry( 'appended', $items, true );
});

});

});
]]>
jQuery Masonry by David DeSandro