Title: jQuery Masonry Image Gallery Author: phoenixMagoo Published: May 27, 2013 Last modified: February 28, 2017 --- Search plugins ![](https://ps.w.org/jquery-masonry-image-gallery/assets/banner-772x250.png?rev= 911838) This plugin **hasn’t been tested with the latest 3 major releases of WordPress**. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress. ![](https://s.w.org/plugins/geopattern-icon/jquery-masonry-image-gallery_aa9c85. svg) # jQuery Masonry Image Gallery By [phoenixMagoo](https://profiles.wordpress.org/phoenixmagoo/) [Download](https://downloads.wordpress.org/plugin/jquery-masonry-image-gallery.3.0.2.zip) * [Details](https://wordpress.org/plugins/jquery-masonry-image-gallery/#description) * [Reviews](https://wordpress.org/plugins/jquery-masonry-image-gallery/#reviews) * [Installation](https://wordpress.org/plugins/jquery-masonry-image-gallery/#installation) * [Development](https://wordpress.org/plugins/jquery-masonry-image-gallery/#developers) [Support](https://wordpress.org/support/plugin/jquery-masonry-image-gallery/) ## Description [See Demo](http://willrees.com/jquery-masonry-wordpress-gallery-plugin-demo/?utm_source=wordpressorg&utm_medium=link&utm_campaign=jmig) Adds a Masonry layout to all galleries that are using the WordPress [gallery] shortcode. Looks best on galleries that are not using 1:1 ratio thumbnails. Now includes optional **Lazy Load for larger galleries** and hover captions! **Please note:** By default this plugin includes CSS that will overwrite the existing gallery layout. However, you can turn off some or all of the jMIG layout CSS on the options page under Settings. This plugin also includes 1 CSS file that is for animation purposes only (Chrome, Firefox, Safari and IE 10+). The entire gallery will fade in using a CSS3 animation once all the images have loaded. IE 8 and IE 9 will work, but will not fade in. ## Screenshots * [[ * Native WordPress Gallery using jQuery Masonry * [[ * Native WordPress Gallery not using jQuery Masonry ## Installation 1. Upload `jquery-masonry-image-gallery` folder to the `/wp-content/plugins/` directory 2. Activate the plugin through the ‘Plugins’ menu in WordPress 3. Go to Settings -> Jmig options if you need to change settings 4. That’s it! ## FAQ Installation Instructions 1. Upload `jquery-masonry-image-gallery` folder to the `/wp-content/plugins/` directory 2. Activate the plugin through the ‘Plugins’ menu in WordPress 3. Go to Settings -> Jmig options if you need to change settings 4. That’s it! All of my galleries looked different before I upgraded this plugin to 2.2. Can I change it back? Yes. Go to Dashboard -> Settings -> JMIG Options. Check the box DO NOT allow jMIG to add any CSS that modifies your gallery or gallery items, then save. The specified amount of columns in the gallery short code is not working. What’s wrong? If you are using a fixed layout and/or want Masonry to respect the column count in the gallery shortcode, then go to Settings -> Jmig options and make sure the box is checked and click save. All my thumbnails are the same size so they don’t stack. Can I fix this? Yes. It’s actually really easy. Go to the Dashboard -> Settings -> Media. Make sure“ Crop thumbnail to exact dimensions (normally thumbnails are proportional)” is unchecked. You can also change the size of thumbnails as well. I like to set my thumbnail width between 150px and 250px, then set the height to 9999px. [Then install the Regenerate Images plugin](https://wordpress.org/plugins/regenerate-thumbnails/) and run it. Now your gallery images will stack. ## Reviews ![](https://secure.gravatar.com/avatar/4fa2a303e6e4b18ed3e8ae8c16e00cace0391c0a0fedc07b247fa6d038d298d8? s=60&d=retro&r=g) ### 󠀁[Excellent!](https://wordpress.org/support/topic/excellent-12959/)󠁿 [Arnd030](https://profiles.wordpress.org/arnd030/) September 5, 2023 7 years old and works like a charm. Very simple. No complicated settings. No extra Gallery menu. It just adds the masonry effect on existing standard WP galleries. Exactly what I was looking for. ![](https://secure.gravatar.com/avatar/2916841bca92f255c55c3b4b2cb078258f27bd0a849d481bb940005ccc528226? s=60&d=retro&r=g) ### 󠀁[The hard to get simplicity](https://wordpress.org/support/topic/the-hard-to-get-simplicity/)󠁿 [geokongr](https://profiles.wordpress.org/geokongr/) September 2, 2018 2 replies Works as expected and turns the not so good looking fixed-height WordPress gallery into a more elegant one. It is very useful plugin because it works with the native WordPress gallery and the lightbox installed by the user or that comes with a theme. Many other solutions for masonry gallery include their own lightbox and gallery which may complicate things. I advice the developer to update the submission because the 2 years update notice may avert users to install it. ![](https://secure.gravatar.com/avatar/585e26ffb04da81e120fdd86b3a3ed1aa167cf6af13063c42185311921153f17? s=60&d=retro&r=g) ### 󠀁[It is simple and works great](https://wordpress.org/support/topic/it-is-simple-and-works-great/)󠁿 [expertoswp](https://profiles.wordpress.org/expertoswp/) August 23, 2017 Not much more to add. A great replacement for Jetpack galleries. ![](https://secure.gravatar.com/avatar/f926d2f0e37ae5c38a0e74907f09fc55aff13baebb6079fae8d85c081523b6ef? s=60&d=retro&r=g) ### 󠀁[Perfect !](https://wordpress.org/support/topic/perfect-4190/)󠁿 [Tibow](https://profiles.wordpress.org/pyho/) July 6, 2017 I needed such a great plugin like this to allow my customer to create mansonry gallery by herself. Job is done thanks to you ! Works very well with my Boostrap custom theme. Just remember to Uncheck :”DO NOT allow jMIG to layout your gallery columns.” in the plugin Settings. Thanks a lot ! ![](https://secure.gravatar.com/avatar/f86f71213bf4cd7865823dbeda609c8fc57a39f1616b9bc846341c86b2d829e3? s=60&d=retro&r=g) ### 󠀁[Great Plugin!](https://wordpress.org/support/topic/great-plugin-12901/)󠁿 [mediumd](https://profiles.wordpress.org/mediumd/) February 23, 2017 I love this plugin! It gives your picture galleries a beautiful and responsive masonry layout. I recommend it for websites with one or more picture galleries. ![](https://secure.gravatar.com/avatar/33d5acaa8e677b8747bcbef53b83a82a79c477f28acd90e9e6adea5481019387? s=60&d=retro&r=g) ### 󠀁[worked out of the box for me](https://wordpress.org/support/topic/worked-out-of-the-box-for-me/)󠁿 [redsalmon](https://profiles.wordpress.org/redsalmon/) September 3, 2016 and much appreciated for that. fine for mobile too so far .. [ Read all 31 reviews ](https://wordpress.org/support/plugin/jquery-masonry-image-gallery/reviews/) ## Contributors & Developers “jQuery Masonry Image Gallery” is open source software. The following people have contributed to this plugin. Contributors * [ phoenixMagoo ](https://profiles.wordpress.org/phoenixmagoo/) [Translate “jQuery Masonry Image Gallery” into your language.](https://translate.wordpress.org/projects/wp-plugins/jquery-masonry-image-gallery) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/jquery-masonry-image-gallery/), check out the [SVN repository](https://plugins.svn.wordpress.org/jquery-masonry-image-gallery/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/jquery-masonry-image-gallery/) by [RSS](https://plugins.trac.wordpress.org/log/jquery-masonry-image-gallery/?limit=100&mode=stop_on_copy&format=rss). ## Changelog 3.0.2 – Minor update to fix width and height of emojis in captions. 3.0 – Added in an option for Lazy Load. Added in hover captions that are enabled by default, but can be turned off. Includes option to exclude the Lazy Load library to help avoid other plugin or theme conflicts. Also, removed the has_shortcode conditional since it feels like more and more people are putting the gallery shortcode in fields generated by ACF, Meta Fields, etc. Also, started setting up the plugin for multiple language support. Still working through it, hope to have Spanish, German, French and Russian sometime in Summer of 2015. 2.2 – Adds in new layout CSS with the option to turn it off for backwards compatibility 2.1.6 – Fixed a minor issue with server side caching and IE 9 and below 2.1.5 – Better support for WordPress 3.9 (Vanilla JS now supports multiple galleries on a page or post) 2.1.4 – Better support for pages and posts with multiple galleries. 2.1.3 – Better performance on WordPress 3.9+ using the vanilla js option included in Masonry 3. Galleries now fade-in after all images have loaded in modern browsers and IE 10+. Backwards compatibility included for IE 8 and IE 9 (loads, but no fade). This is the last release that will support WordPress 3.5 . The next release will still support WordPress 3.6 . 1.6 – Added options page to let users decide to either respect WordPress columns or let Masonry layout gallery 1.3 – Typo 1.2 – Better version detection 1.1 – Better backwards compatiblity with WordPress 3.5 1.0 – Big update. Now uses the new has_shortcode function available in WP 3.6 with fallback for older version of WP. Also uses thumbnail size for better resizing during window resize. Only injects 1 line of CSS for thumbnail size. 0.4 – Minor code update 0.3 – Galleries center when images realign on window size change. 0.2 – Fixed bug, added screenshots, plugin header, revised documentation. 0.1 – First Release ## Meta * Version **3.0.2** * Last updated **8 years ago** * Active installations **1,000+** * WordPress version ** 3.5 or higher ** * Tested up to **4.7.33** * Tags * [gallery](https://wordpress.org/plugins/tags/gallery/)[jquery masonry](https://wordpress.org/plugins/tags/jquery-masonry/) [lazy load](https://wordpress.org/plugins/tags/lazy-load/)[masonry](https://wordpress.org/plugins/tags/masonry/) * [Advanced View](https://wordpress.org/plugins/jquery-masonry-image-gallery/advanced/) ## Ratings 4.8 out of 5 stars. * [ 26 5-star reviews ](https://wordpress.org/support/plugin/jquery-masonry-image-gallery/reviews/?filter=5) * [ 5 4-star reviews ](https://wordpress.org/support/plugin/jquery-masonry-image-gallery/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/jquery-masonry-image-gallery/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/jquery-masonry-image-gallery/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/jquery-masonry-image-gallery/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/jquery-masonry-image-gallery/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/jquery-masonry-image-gallery/reviews/) ## Contributors * [ phoenixMagoo ](https://profiles.wordpress.org/phoenixmagoo/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/jquery-masonry-image-gallery/) ## Donate Would you like to support the advancement of this plugin? [ Donate to this plugin ](http://bit.ly/1jzZKCu)