Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • November 16, 2013 at 9:09 am #189553
    josephnarai

    I have an issue with the Fullwidth Masonry Gallery loading for the first time.

    I have 4 galleries with over 50 images in each… I want them to load in a single go (i.e. all images to come up, so I’ve set the # displayed to be 100).

    The issue is the first time a page loads (if you clear your browser cache)… the first lot of images load fine, and then if you scroll down, the images all start loading on top of each other, instead of forming the proper masonry tile…

    If you then refresh the page, the images all load up perfectly…

    You can see the issue at: http://ivankaart.com/galleries/imotion/

    Any ideas on how this can be fixed?

    Thanks,

    Joe

    November 18, 2013 at 2:05 am #189890
    Josue

    Hey Joe!

    I think is a bug, however i found a temporary solution, add this at the end of js/avia.js:

    jQuery(function () {
    jQuery(window).resize();
});

    Best regards,
    Josue

    November 18, 2013 at 2:11 am #189893
    josephnarai

    Thanks for the quick response!

    I have tried this… however it did not seem to change the behaviour :(

    Just verifying I have added at the very bottom of js/avia.js so:

    ];n.each(i.waypoints[e],function(t,e){if(r(i,e)){return o.push(e)}});o.sort(function(t,e){return t.offset-e.offset});return n.map(o,function(t){return t.element})}};n[m]=function(){var t,n;n=arguments[0],t=2<=arguments.length?e.call(arguments,1):[];if(h[n]){return h[n].apply(null,t)}else{return h.aggregate.call(null,n)}};n[m].settings={resizeThrottle:100,scrollThrottle:30};return i.load(function(){return n[m](“refresh”)})})}).call(this);

    jQuery(function () {
    jQuery(window).resize();
    });
    Is that correct?

    November 18, 2013 at 2:13 am #189894
    Josue

    Hi!

    You have a Minify/Cache plugin, flush it and try it again.

    Cheers!
    Josue

    November 18, 2013 at 2:16 am #189896
    josephnarai

    I have ocmpletely disabled W3 total cache, and flushed the browser cache too…
    Still the same behaviour :(

    J

    November 18, 2013 at 2:17 am #189897
    josephnarai

    I can make a temp admin account for you, if you want to log in, if that helps solve it faster?

    November 18, 2013 at 2:29 am #189899
    Josue

    Hi,

    Ok, create an administrator account and post it here as a private reply.

    Regards,
    Josue

    November 18, 2013 at 3:36 am #189925
    josephnarai
    This reply has been marked as private.
    November 18, 2013 at 7:15 pm #190252
    Josue

    Ok, see it now:
    http://ivankaart.com/galleries/imotion/

    Best regards,
    Josue

    November 19, 2013 at 1:55 am #190423
    josephnarai

    Great!

    I thought it was still doing it, but then it refreshes itself and expands the view! Just fine!!

    Thanks for the fix… could you tell my what it was? I’d like to note it in case when I update the theme it regresses ( I also have some other sites, which may have the problem also )…

    Kind Regards,

    Joe

    November 19, 2013 at 4:03 am #190447
    Josue

    Hey Joe,

    This is the final code that made the trick (at the end of js/avia.js):

    jQuery(window).on('load', function(){
    jQuery(window).resize();
});

    I noted that the bug gets fixed if the window is resized, so that code simulates a resize after all the page is loaded.

    Cheers!
    Josue

    November 19, 2013 at 4:05 am #190448
    josephnarai

    Excellent – Thank you.

    Will this make it into the next update? Or will I have to update etc….

    J

    November 19, 2013 at 4:38 am #190453
    Josue

    That’s a temporary solution, a final fix will probably be included in future releases.

    Best regards,
    Josue

    November 19, 2013 at 5:58 am #190462
    josephnarai

    Thanks again for the quick response – much appreciated!

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Fullwidth Masonry Gallery image loading issue’ is closed to new replies.