jQuery.fn.evolutionMasonry
This plugin enables responsive, multi-column, left-to-right layout of variable-height elements.
Usage
Initializes the selected container to render its immediate children as
$(container).evolutionMasonry(options)
Options
-
columnClass
: CSS class name to apply to each rendered column. Should define, at minimum, a desired width. Through media queries, alternate widths can be defined for different targets.- default:
masonry-column
- default:
-
animate
: Whether to animate the reveal of new items- default:
true
- default:
-
animationDuration
: Animation duration in milliseconds- default:
250
- default:
-
threshold
: Minimum height change at which to consider a column as having new content- default:
35
- default:
Methods
append
Append items to the masonry layout
// append items
$('.container').evolutionMasonry('append', newItems);