Skip to content

Simple, responsive and lightweight Masonry Grid jQuery Plugin.

License

Notifications You must be signed in to change notification settings

ny64/jquery-masonry-grid

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

22 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

jquery-masonry-grid

Simple, responsive and lightweight Masonry Grid jQuery Plugin.

jquery-masonry-grid GIF

Installation

Add the script before closing the <body> tag (make sure you use the right path):

<!-- jQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<!-- Masonry Grid Plugin -->
<script src="js/jquery.masonryGrid.js"></script>

Usage

There is a demo file demo/index.html in the repository you can use as reference. These options are the default options so this usage would be a little redundant.

<script>
    jQuery(document).ready(function($) {
        $('.my-masonry-grid').masonryGrid({
            'columns': 3,
            'breakpoint': 767
        });
    });
</script>

About

Simple, responsive and lightweight Masonry Grid jQuery Plugin.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published