Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #357407

    Hi,

    I setup an example page with the masonry gallery on this page:

    http://www.onlineecovercreator.com/masonry-issue/

    As you can see on the page above and in the video below, any images below the masonry gallery that have entry animations don’t show up when scrolling down. Sometimes they show up when I scroll back up from the bottom, but that’s not helpful. Sometimes they remain hidden for good.

    http://screencast.com/t/WXcQ75sc7Gj

    In the video, I make a circling motion with my mouse cursor wherever an image is supposed to be.

    If you want to see the site working correctly using Justified Image Grid instead of Masonry Gallery, please view the home page here:

    http://www.onlineecovercreator.com

    You can see that on my home page I put the masonry gallery all the way at the bottom of the page as that’s the only place that it doesn’t interfere with other images, but I would much prefer to have it further up instead of the JID gallery.

    Thanks!

    Ron

    #357977

    Hi takingaction!

    I couldn’t really tell from your screencast because your screencast was so large I had to scroll around to see everything. Your using a pretty large resolution?

    It looks fine on my end. I noticed your using a lot of images so perhaps they did not download all the way when you started scrolling? Does it happen still if you wait at the top for your slideshow to load before scrolling? If you don’t mind let’s get some more information.

    1. Your resolution.
    2. Operating System.
    3. Browser and version.

    Regards,
    Elliott

    #358038

    Thanks for your reply.

    The problem is that if you were unable to follow/view the video then you don’t know what images should/shouldn’t be there.

    My specs from the videos:

    27 Inch Imac

    Latest OS X (10.10.1)

    Chrome Version 39.0.2171.65 (64-bit)

    Firefox Version 33.1.1

    Here’s another video that hopefully you can view. This one is Chrome:

    http://screencast.com/t/iZ4gNxMbRrF3

    Here I am in a smaller resolution using FireFox:

    http://screencast.com/t/f79G8QzzYpw

    Notice how the images aren’t there but when I scroll back up they are there. I could wait 10 minutes but the images will not load until I scroll past them and go back up to them.

    This is not a “too many images” error. I am very experienced in using Enfold and know that I could add 200 images and they would all show up fine without the masonry gallery being there.

    Best,

    Ron

    #358458

    Hey!

    I can’t see it on my end. I’ll go ahead and flag this for the rest of our team to take a look.

    Regards,
    Elliott

    • This reply was modified 9 years, 12 months ago by Elliott.
    #359994
    This reply has been marked as private.
    #359997

    Hi Ron,

    Try adding this at the very end of your theme / child theme functions.php file:

    function fix_masonry_issue(){
    ?>
    <script>
    (function($){
        	$(window).scroll(function(){
                $(window).trigger('resize');
            });
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'fix_masonry_issue');

    Regards,
    Josue

    #360028

    Looks like that did the trick! Thanks very much Josue!

    Ron

    #360031

    You are welcome Ron, always glad to help :)

    Regards,
    Josue

    #1032129

    I had the same issue and it worked for me, too! Thanks!!

    #1032450

    Hi andyqueanda,

    Great, glad you got it working. I’ll go ahead and close this thread for now since it’s more than 4 years old.

    Best regards,
    Rikard

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Images following Masonry Gallery don't show up’ is closed to new replies.