In this example:
Masonry, ImagesLoaded and Ajax Load More combine to create an infinite scrolling flexible grid layout.

Masonry is a popular JS plugin used to place elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall.

Are you looking for an example using the Preloaded add-on and Masonry?
We got you covered, check out our new Preloaded + Masonry example!

    JavaScript

    The following code should be placed inside your website JavaScript file.

     

    The following shortcode was used to create the Masonry example.

    [ajax_load_more repeater="template_8" post_type="post" posts_per_page="6" label="Load More"]

     

    The following Repeater Template was used to create the Masonry example.