Animsition jQuery plugin for CSS animated page transitions vs jquery Masonry

Question

I'm building a multi page site, and really love the page transition effect that the plugin Animsition allows. However on a page I used the jquery Masonry plugin. When I first open this page the layout is fine, but when I navigate to other pages of the site and return to the one that's using Masonry the layout is broken. Can anyone help... please

Answer 1

You need to use imagesloaded.js which will make all images load before masonry is called. Load it in your page and then call masonry like this:

 $(function () {
 $('.grid').imagesLoaded( function() {
    $('.grid').masonry({
    itemSelector: '.grid-item',
    columnWidth: 300,
    gutter: 20  
        });
    });
 });

Also, a separate issue, "js/jquery.scrollToTop.min.js" is not loaded.